{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}

{# molecules #}
{% import "styleguides/general/molecules/summary/summary-macros.njk" as summary %}


{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
<section class="l-section">
    <div class="l-container l-content">
        <div class="l-grid l-grid--with-margins">
            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-coin-send",
                iconBack: "icon-arrow-right",
                title: "Tegen-rekening"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-file",
                iconBack: "icon-arrow-right",
                title: "Uw documenten"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-user",
                iconBack: "icon-arrow-right",
                title: "Persoonlijke gegevens"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-id",
                iconBack: "icon-arrow-right",
                title: "Aanleveren ID-bewijs"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-lock",
                iconBack: "icon-arrow-right",
                title: "Inlog- en bevestigopties"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-smartphone",
                iconBack: "icon-arrow-right",
                title: "apparaten"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-coin-locked",
                iconBack: "icon-arrow-right",
                title: "Spaarprofiel"
            })}}

            {{summary.button("l-grid__col-4-12", {
                iconFront: "icon-text-aa",
                iconBack: "icon-arrow-right",
                title: "Applicatie Toegankelijkheid"
            })}}
        </div>
    </div>
</section>