{#
/**
 * @file
 *   Panel component.
 *
 * @param 'left'|'right' $position
 *   Position of the panel.
 * @param array $wrapper_attr
 *   Custom attributes for the wrapper element.
 */
#}

{% extends '@ui/Panel/Panel.twig' %}

{% set container_attr =
  merge_html_attributes(container_attr ?? null, required = { class: 'bg-white' })
%}

{% block open %}
  {% include '@ui/Button/StyledButton.twig' with {
    label: 'Open',
    attr: { data_ref: 'open[]' }
  } %}
{% endblock %}

{% block close %}
  <div class="absolute top-0 right-0 m-2">
    {% include '@ui/Button/StyledButton.twig' with {
      label: 'Close',
      attr: { data_ref: 'close[]' }
    } %}
  </div>
{% endblock %}