{#
/**
 * @file
 * Template for a Bootstrap 5 Column.
 *
 * Available variables:
 * - col: Base column class (col, col-1 ... col-12).
 * - col_sm: Column class at sm breakpoint.
 * - col_md: Column class at md breakpoint.
 * - col_lg: Column class at lg breakpoint.
 * - col_xl: Column class at xl breakpoint.
 * - col_xxl: Column class at xxl breakpoint.
 * - custom_class: Additional CSS classes for the column.
 *
 * Available slots:
 * - column: Column content.
 *
 * @ingroup themeable
 */
#}

{% set col_classes = [
  col|default('col'),
  col_sm and col_sm != 'none' ? col_sm : '',
  col_md and col_md != 'none' ? col_md : '',
  col_lg and col_lg != 'none' ? col_lg : '',
  col_xl and col_xl != 'none' ? col_xl : '',
  col_xxl and col_xxl != 'none' ? col_xxl : '',
  custom_class|default(''),
]|filter(v => v) %}

<div class="{{ col_classes|join(' ') }}">
  {% block column %}{% endblock %}
</div>
