{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}
{% import "styleguides/general/atoms/icon-button/icon-button-macros.njk" as iconButton %}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

<div class="o-cookie-banner {{classes}}">
  <div class="l-container">
    <div class="o-cookie-banner__container">
      <div class="o-cookie-banner__content">
        <h3 class="o-cookie-banner__title">{{data.title}}</h3>

        {{data.content | safe}}
      </div>

      <div class="o-cookie-banner__actions">
        {{iconButton.default("a-icon-button--inverted", {
          icon: "icon-cross"
        })}}
      </div>
    </div>
  </div>
</div>

{% endmacro %}