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

{% import "styleguides/general/molecules/card/card-macros.njk" as card %}

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

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

 Creates a grey-scale version of your card.

 Don't forget to add a **disabled attribute** to your button as well.

{% endset %}

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

  {{card.default("is-disabled", {
      title: "Card Title",
      content: [
         "<p>This is a description</p>",
         "This is a description"
  	  ],
      action: button.defaultDisabled("m-card__action-button", {text: "Primary button"})
    })}}

{% endset %}

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

{% endset %} #}