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

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

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


{% endset %}

{# ========================================================================= #}
{# :: Preview #}
{# ========================================================================= #}
{% set preview %}
  <div style="display: flex;">
    {{button.default("a-button--inverted", {
      text: "secondairy button"
    })}}

    {{button.default("a-button--inverted", {
      text: "icon before",
      icon: {before: "icon-search"}
    })}}

    {{button.default("a-button--inverted", {
      text: "icon after",
      icon: {after: "icon-search"}
    })}}

    {{button.default("a-button--inverted", {
      text: "disabled",
      isDisabled: true
    })}}
  </div>


{% endset %}

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

  {{button.default("a-button--inverted", {
    text: "primary button"
  })}}

{% endset %}