<div class="m_headline">
  <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>
  {# Generate hidden inputs for all sections #}
  <div class="repeater-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">
        "Input":{
          "label": "Titre",
          "name": "title"
        },
        "Editor":{
          "label": "Texte",
          "name": "text"
        }
      {# This is one entity. The entity should be repeated.
      This is the base html that should be redefined in react #}
  </div>

</div>
