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

{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "molecules/tile/tile-macros.njk" as tile %}

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

{% endset %#}

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

	<div class="l-grid l-grid--with-margins-small">
		<div class="l-grid__col-3-12">
			{{tile.default("m-tile--dark", {
				text: "Praesent commodo cursus magna",
				link: {
					url: "#",
					text: "Meer veiligheidstips"
				}
			})}}
		</div>

		<div class="l-grid__col-3-12">
			{{tile.default("m-tile--light", {
				text: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.",
				link: {
					url: "#",
					text: "Meer veiligheidstips"
				}
			})}}
		</div>

		<div class="l-grid__col-6-12">
			{{tile.default("m-tile--primary", {
				text: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod."
			})}}
		</div>

		<div class="l-grid__col-6-12">
			{{tile.default("m-tile--primary", {
				text: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod."
			})}}
		</div>

		<div class="l-grid__col-3-12">
			{{tile.default("m-tile--dark", {
				text: "Praesent commodo cursus magna",
				link: {
					url: "",
					text: "Meer veiligheidstips"
				}
			})}}
		</div>

		<div class="l-grid__col-3-12">
			{{tile.default("m-tile--light", {
				text: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.",
				link: {
					url: "#",
					text: "Meer veiligheidstips"
				}
			})}}
		</div>
	</div>

{% endset %}

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

  {{tile.default("m-tile--light", {
		text: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.",
		link: {
			url: "#",
			text: "Meer veiligheidstips"
		}
	})}}

{% endset %}