{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "styleguides/<%= styleguide %>/<%= type %>/<%= name %>/<%= name %>-macros.njk" as <%= name.charAt(0).toLowerCase() + name.replace(/(-|^)([^-]?)/g, function(_, prep, letter) { return letter.toUpperCase(); }).slice(1) %> %}

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

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

{% endset %} #}

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

  {{<%= name.charAt(0).toLowerCase() + name.replace(/(-|^)([^-]?)/g, function(_, prep, letter) { return letter.toUpperCase(); }).slice(1) %>.default("", {})}}

{% endset %}

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

{% endset %} #}