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


{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes) %}
  <div class="o-newsletter {{classes}}">
    <div class="l-container l-container-1x-s o-newsletter__container">
      <h4 class="o-newsletter__title" >Subscribe to our newsletter and stay in touch</h4>
      {{input.newsletter("a-input--inverted o-newsletter__input", {
          label: "Newsletter input",
          name: "styleguide-newsletter-example1",
          button: button.default("a-button a-input__button js-a-input__button", {
            text: "Verstuur",
            icon: { after: "icon-send" }
          })
      })}}
    </div>
  </div>
{% endmacro %}