{% import 'macro' as macro %}

<script>
    require.config({
        paths: {
            {{ config_items | join(', ') }}
        }
    });


</script>

{{ macro.generate_tab_css() }}
{{ macro.display_tablinks(charts) }}

{% for chart in charts %}
{% if chart._component_type in ("table", "image") %}
{{ macro.gen_components_content(chart) }}
{% else %}
<div id="{{ chart.chart_id }}" class="chart-container"
     style="width:{{ chart.width }}; height:{{ chart.height }};"></div>
{% endif %}
{% endfor %}

{{ macro.render_notebook_charts(charts, libraries) }}
{{ macro.switch_tabs() }}