{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# molecules #}
{% import "styleguides/general/molecules/highlight-box/highlight-box-macros.njk" as highlightBox %}
{% import "styleguides/general/molecules/list/list-macros.njk" as list %}

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

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

{% endset %} #}

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

  {{highlightBox.default("", {
    content:
      list.withIcons("", {
        items: [
          "item 1",
          "item 2",
          "item 3"
        ],
        icon: "icon-checkmark"
      })
  })}}

{% endset %}

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

{% endset %} #}