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

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

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

{% endset %}

{# ========================================================================= #}
{# :: Preview #}
{# ========================================================================= #}
{% set preview %}
  <div class="l-grid">

    {{articleTile.default("m-article-tile--primary l-grid__col-3-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

    {{articleTile.default("m-article-tile--dark l-grid__col-3-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

    {{articleTile.default("m-article-tile--light l-grid__col-3-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

    {{articleTile.default("m-article-tile--white l-grid__col-3-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

    {{articleTile.default("m-article-tile--light m-article-tile--bottom l-grid__col-6-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

    {{articleTile.default("m-article-tile--dark l-grid__col-6-12", {
      title: "Recyclage",
      label: "Campagnes",
      description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
    })}}

  </div>
{% endset %}

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

  {{articleTile.default("m-article-tile--primary l-grid__col-3-12", {
    title: "Recyclage",
    label: "Campagnes",
    description: "Een inzamelactie in jouw buurt? Onze nieuwe TV spot? Hier vind je een overzicht van de belangrijkste campagnes."
  })}}

{% endset %}