{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "styleguides/general/molecules/notification/notification-macros.njk" as notification %}

{# ========================================================================= #}
{# :: Settings #}
{# ========================================================================= #}
{% set params = {
  isFullWidth: false,
  styleVendors: [],
  scriptVendors: [],
  scope: "s-notification"
} %}

{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{# {% set info %}

{% endset %} #}

{# ========================================================================= #}
{# :: Preview #}
{# ========================================================================= #}
{% set preview %}

  {{notification.default("", {
    state: "is-file",
    time: {
      text: "15-01-2019",
      format: "2019-01-15"
    },
    title: "Overzicht van rente en kosten"
  })}}

  {{notification.default("", {
    state: "is-message",
    time: {
      text: "15-01-2019",
      format: "2019-01-15"
    },
    title: "Overzicht van rente en kosten",
    description: "Nullam id dolor id nibh ultricies verhicula ut id elit...",
    hasAttachment: true
  })}}

{% endset %}

{# ========================================================================= #}
{# :: Code #}
{# ========================================================================= #}
{% set code %}

  {{notification.default("", {
    state: "is-message",
    time: {
      text: "15-01-2019",
      format: "2019-01-15"
    },
    title: "Overzicht van rente en kosten",
    description: "Nullam id dolor id nibh ultricies verhicula ut id elit...",
    hasAttachment: true
  })}}

{% endset %}