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

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

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

{% endset %} #}

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

  {{checkbox.default("", {
    text: "Checkbox",
    id: "checkbox-styleguide-example-default",
    name: "checkbox-styleguide-example"
  })}}

  {{checkbox.checked("", {
    text: "Checked",
    id: "checkbox-styleguide-example-checked",
    name: "checkbox-styleguide-example"
  })}}

  {{checkbox.disabled("", {
    text: "Disabled",
    id: "checkbox-styleguide-example-disabled",
    name: "checkbox-styleguide-example"
  })}}

{% endset %}

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

	{{checkbox.default("", {
		text: "checkbox",
		id: "checkbox-styleguide-example-code",
    name: "checkbox-styleguide-example"
	})}}

{% endset %}