<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>

{% include 'm_components/form/input/media.twig' with {
  label : "image",
  value: image,
  title:  __("Image", constant('M_TD'))
} %}

{# Generate hidden inputs for all sections #}
<div class="buttons-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-buttons">
  {# 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>
