{% extends "base.html" %}

{% block content %}
<div class="container-fluid studio-page blog-studio-page">
    <div id="blog-studio-root"
         data-public-base-url="{{ public_base_url or '' }}"
         data-enabled-channels='{{ enabled_channels | tojson }}'>
        <div class="studio-panel">
            <div class="studio-panel-body">
                <div class="studio-state studio-state-running is-active">
                    <div class="studio-running-title">
                        <span class="spinner-border spinner-border-sm text-primary" role="status"></span>
                        <span>Loading Blog Studio</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
<script src="{{ url_for('static', filename='js/blog_studio.js') }}"></script>
{% endblock %}