{% set com_props = props %}
{% set section_props = {
name: "s-product-variants",
extra_class: props.extra_class,
is_container: props.is_container,
spacing: props.spacing,
} %}
{% embed "@Components/base-section/base-section.twig" with {props: section_props} %}
{% block content %}
{% if com_props.header %}
{% include "@Components/base-header/base-header.twig" with {props: com_props.header} %}
{% endif %}
{% if com_props.filter %}
{% include "@Components/forms/filtration-form/filtration-form.twig" with {props: com_props.filter} %}
{% endif %}
{% if com_props.table %}
{% include "@Components/product-detail/variants-table/variants-table.twig" with {props: {
items: com_props.table.items,
limit: com_props.limit
}} %}
{% endif %}
{% if com_props.pagination %}
<div class="s-product-variants__pagination d-flex justify-content-center justify-content-md-end mt-2 --js-pagination-wrap">
{% include "@Components/pagination/pagination.twig" with {props: com_props.pagination} %}
</div>
{% endif %}
{% endblock %}
{% endembed %}