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

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

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

The outlined button is used to manipulate the look of the button it is combined
with. The makes sure that the theme of the button is applied as a border instead
of a background color. This can be combined with other modifiers.

- a-button--outline

{% endset %}

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

{{button.default("a-button--outline", {
  text: "Outline button"
})}}

{{button.default("a-button--outline icon-arrow-right", {
  text: "Outline button"
})}}

{{button.default("a-button--outline a-button--icon-after icon-arrow-right", {
  text: "Outline button"
})}}

{{button.defaultDisabled("a-button--outline", {
  text: "Outline button"
})}}

{{button.default("a-button--outline a-button--secondary", {
  text: "Outline button"
})}}

{{button.default("a-button--outline a-button--secondary icon-arrow-right", {
  text: "Outline button"
})}}

{{button.default("a-button--outline a-button--secondary a-button--icon-after icon-arrow-right", {
  text: "Outline button"
})}}

{{button.defaultDisabled("a-button--outline a-button--secondary", {
  text: "Outline button"
})}}

{% endset %}

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

{% endset %} #}