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

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

<div class="o-cookie-bar is-open {{classes}}">
  <div class="l-container">
    <p class="o-cookie-bar__text">
      <span class="u-mobile-hide">Welkom op de website van Bebat. Deze website
      maakt gebruik van cookies om uw gebruikservaring te verbeteren en te optimaliseren.</span>
      Door op ok te klikken ga je akkoord met <a href="" class="a-link a-link--inline a-link--inverted">ons cookiebeleid</a></p>

    {{button.default("a-button--inverted o-cookie-bar__button", {
      text: "Accepteer cookies"
    })}}
  </div>
</div>

{% endmacro %}