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

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

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

{% endset %} #}

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

  {{icon.default("", {
    name: "icon-arrow-down"
  })}}

  {{icon.default("a-icon--1x-large", {
    name: "icon-arrow-down"
  })}}

  {{icon.default("a-icon--2x-large", {
    name: "icon-arrow-down"
  })}}

  {{icon.default("a-icon--3x-large", {
    name: "icon-arrow-down"
  })}}

  {{icon.default("a-icon--4x-large", {
    name: "icon-arrow-down"
  })}}

  {{icon.default("a-icon--5x-large", {
    name: "icon-arrow-down"
  })}}

{% endset %}

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

{% endset %} #}