<div
  class="wcpt-column-settings"
  wcpt-controller="column_settings"
  wcpt-model-key="[]"
  wcpt-model-key-index="0"
  wcpt-row-template="column_settings"
  wcpt-initial-data="column_settings"
>

  <?php wcpt_corner_options(); ?>

  <!-- column index -->
  <span class="wcpt-column-index">Laptop Column 1</span>

  <!-- heading -->
  <div class="wcpt-tabs" wcpt-model-key="heading">
    <div class="wcpt-tab-triggers">
      <div class="wcpt-tab-trigger">
        Heading
      </div>
      <div class="wcpt-tab-trigger">
        Design
      </div>
    </div>

    <!-- heading editor -->
    <div class="wcpt-tab-content">
      <div class="wcpt-block-editor wcpt-column-heading-editor" wcpt-model-key="content"></div>
    </div>

    <!-- design options -->
    <div class="wcpt-tab-content">
      <?php include ('element-editor/partials/column-heading-style.php'); ?>
    </div>

  </div>

  <!-- template -->
  <div class="wcpt-tabs" wcpt-model-key="cell">
    <div class="wcpt-tab-triggers">
      <div class="wcpt-tab-trigger">
        Cell template
      </div>
      <div class="wcpt-tab-trigger">
        Design
      </div>
    </div>

    <!-- template editor -->
    <div class="wcpt-tab-content">
      <div class="wcpt-block-editor wcpt-column-template-editor" wcpt-model-key="template"></div>
    </div>

    <!-- design options -->
    <div class="wcpt-tab-content">
      <?php include ('element-editor/partials/column-cell-style.php'); ?>
    </div>

  </div>

</div>
<button
  class="wcpt-button"
  wcpt-add-row-template="column_settings"
>
  Add a Column
</button>
