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

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

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

The inverted link is white, bold and underlined. Use on colored backgrounds
such as success feedback overlays.

{% endset %}

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

  <p>Wij hebben de overboeking doorgevoerd. Doe je een overboeking op een werkdag na 12:00 uur, in het weekend of op een feestdag? Dan verwerken wij deze op de eerstvolgende werkdag. {{link.default("a-link--inverted", {
    text: "Lees meer",
    url: "#"
  })}}</p>

{% endset %}

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

  <p>Wij hebben de overboeking doorgevoerd. Doe je een overboeking op een werkdag na 12:00 uur, in het weekend of op een feestdag? Dan verwerken wij deze op de eerstvolgende werkdag. {{link.default("a-link--inverted", {
    text: "Lees meer",
    url: "#"
  })}}</p>

{% endset %}