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

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

{# ========================================================================= #}
{# :: Preview #}
{# ========================================================================= #}
{% set preview %}
	{{input.default("", {
    	type: "text",
    	label: "Text input",
    	name: "styleguide-text-example1"
	})}}

	{{input.default("a-input--inverted", {
    	type: "text",
    	label: "Text input",
    	name: "styleguide-text-example2"
	})}}

	{{input.default("a-input--light", {
    	type: "text",
    	label: "Text input",
    	name: "styleguide-text-example3"
	})}}

  {{input.defaultError("", {
    	type: "text",
    	label: "Text input",
    	name: "styleguide-textError-example",
		icon: "icon-warning",
		feedback: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et."
	})}}
{% endset %}

{# ========================================================================= #}
{# :: Code #}
{# ========================================================================= #}
{% set code %}
	{{input.default("", {
    	type: "text",
    	label: "Text input",
    	name: "styleguide-text-example"
	})}}
{% endset %}