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

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

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

The green variant of the default spotlight component is created by applying the
modifier:
- c-spotlight--theme-green

{% endset %}

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

	{{spotlight.default("c-spotlight--theme-green", {
		tag: "h2",
		title: "Een duurzame woning bouwen",
		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: "duurzaamheid",
				classes: "c-button--inverted"
			},
		visual :
			{
				shape: "polygon",
				image: "/assets/images/general/spotlight/spotlight-02.jpg",
				background: "/assets/images/general/background/bg-shapes-theme-green.svg"
			}
	})}}

{% endset %}

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

{% endset %} #}