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

{# molecules #}
{% import "styleguides/general/molecules/feedback/feedback-macros.njk" as feedback %}

{# organisms #}
{% import "styleguides/general/organisms/overlay/overlay-macros.njk" as overlay %}

{# ========================================================================= #}
{# :: Settings #}
{# ========================================================================= #}
{% set state %}
  {{"is-open" if pageParams.activeOverlay and "overlay-overbooking-error" in pageParams.activeOverlay }}
{% endset %}

{# ========================================================================= #}
{# :: Overlay - content #}
{# ========================================================================= #}
{% set content %}

<div class="p-transaction-feedback">
  {{feedback.error("", {
    title: "Oeps..",
    text: "Jouw overboeking werd niet goedgekeurd",
    button: "naar de homepagina"
  })}}
</div>

{% endset %}

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
{{overlay.default(
  "o-overlay--center u-tablet-hide js-overlay " + state,
  {
    hasBackground: true,
    id: "overlay-overbooking-error-desktop",
    overlay: "overlay-overbooking-error-mobile",
    content: content
  }
)}}

{{overlay.default(
  "o-overlay--full-width u-tablet-show js-overlay " + state,
  {
    hasBackground: true,
    id: "overlay-overbooking-error-mobile",
    overlay: "overlay-overbooking-error-desktop",
    content: content
  }
)}}