{#
/**
 * @file
 * Default theme implementation for a two-column 50%-50% layout.
 *
 * Available variables:
 * - content: The content for this layout.
 * - attributes: HTML attributes for the layout <div>.
 *
 * @ingroup themeable
 */
#}

{% set classes = [
  'layout',
  'twocol-layout',
  'section-padding--' ~ settings.padding,
  'section-valign--' ~ settings.valign,
] %}

{{ attach_library('themekit/layout') }}
{{ attach_library('themekit/layout--twocol') }}

{% if content %}
  <div{{ attributes.addClass(classes) }}>
    <div class="layout-content">

      {% if content.first %}
        <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
          {{ content.first }}
        </div>
      {% endif %}

      {% if content.second %}
        <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
          {{ content.second }}
        </div>
      {% endif %}

    </div>
  </div>
{% endif %}
