{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/spotlight/spotlight-macros.njk" as spotlight %}

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

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

Use the polygon-shapped clipping mask by applying this modifier:

- c-spotlight--polygon

{% endset %}

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

	{{spotlight.polygon("", {
		tag: "h1",
		title: "Lot staat voor je klaar",
		text: "Geen zin om je bezig te houden met het regelen van een hypotheek?
		Spendeer je liever je tijd aan iets nuttig zoals het afspreken met je
		vrienden of het voorbereiden van je house warming party? <br> <br> Laat
		je helpen door lot, zij regelt alles voor jou.",
		button:
			{
				text: "wie is lot?",
				classes: "c-button--secondary"
			},
		visual :
			{
				shape: "polygon",
				image: "/assets/images/general/spotlight/spotlight-01.jpg",
				background: "/assets/images/general/background/bg-shapes.svg"
			}
	})}}


{% endset %}

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

{% endset %} #}