{% extends '@DediSyliusTheme/DesignSystem/layout.html.twig' %}

{% block content %}
    <div class="ds-container">
        <h2 class="ds-title">{{ 'app.design_system.selections.title'|trans }}</h2>
        <p class="ds-text">{{ 'app.design_system.selections.desc'|trans }}</p>

        {# Selected filter #}
        <h3 class="ds-subtitle">{{ 'app.design_system.selections.filters.title'|trans }} <button class="ds-btn-code" rel=".example-filter"></button></h3>
        {% include '@DediSyliusTheme/DesignSystem/parts/_filters.html.twig' %}


        {# Process #}
        <h3 class="ds-subtitle">{{ 'app.design_system.selections.process'|trans }} <button class="ds-btn-code" rel=".example-process"></button></h3>
        {% include '@DediSyliusTheme/DesignSystem/parts/_process.html.twig' %}
    </div>
{% endblock %}
