<fieldset>
    {% include 'm_components/form/input/text.twig' with { label: "title", value: title, title_text: __("Title", constant('M_TD') ), class: "widefat" } %}
    {% include 'm_components/form/input/editor.twig' with { label: "text", value: text, title_text: __("Description", constant('M_TD')), class: "text-text" } %}
</fieldset>

<fieldset class="m_buttons">
    <div>
        {% include 'm_components/form/input/text.twig' with { label: "button_text", value: button_text, title_text: __("Button text", constant('M_TD')), class: "widefat" } %}
    </div>
    <div>
      {% include 'm_components/form/input/text.twig' with { label: "button_link", value: button_link, title_text: __("Button link", constant('M_TD')), class: "widefat" } %}
    </div>
</fieldset>

{# Generate hidden inputs for all sections #}
<div class="column-wrapper" style="margin-bottom: 12px;">
{% if sections %}
    <div class="mt-repeater-hidden">
        <div class="mt-repeater-hidden-inputs">
            {{ sections|raw }}
        </div>
    </div>
{% endif %}
</div>
{# React DOM Container #}
<div class="mt-repeater-main-container repeater-container-columns">
    {# This is one entity. The entity should be repeated.
    This is the base html that should be redefined in react #}
</div>
<p style="padding-top: 6px;"><em>{{ __("Add one or more columns with the + button", constant('M_TD')) }}</em></p>
