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

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

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

Secondary buttons can be used alongside the primary button to offer other, less
important, possibilities. Use a secondary action next to a primary action when it
is less important but still important. Use a tertiary action next to a primary
action to enforce the importance of the primary action or if it’s less important
than the secondary action (if present).

A secondary button is created by applying the modifiers:
- c-button--secondary

The green variant is created by applying the modifiers:
- c-button--secondary-green

{% endset %}

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

{{button.secondary("", {
	text: "Secondary button"
})}}

{{button.secondary("c-button--secondary-green", {
	text: "Secondary button"
})}}

{% endset %}

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

{{button.secondary("", {
	text: "Secondary button"
})}}

{% endset %}