{% set com_props = props %}
{%- set form_extra = [
"f-category",
props.cols == 5 ? "--cols-" ~ props.cols : "--cols-6",
]|join(' ')|trim -%}
{% set form_props = {
id: com_props.id,
extra_class: form_extra,
validate: true,
} %}
{% if props.vars %}
{% set form_props = props.vars|default({})|merge(form_props) %}
{% endif %}
{% embed "@Components/base-form/base-form.twig" with {props: form_props} %}
{% block content %}
{% if com_props.items %}
<div class="f-category__items row justify-content-center {{ com_props.cols == 5 ? " g-2" : " gy-3 gx-4" }}">
{% include "@Components/forms/category-form/category-form--raw.twig" with {props: {items: com_props.items}|merge({
id: com_props.id
})} %}
</div>
{% endif %}
{% endblock %}
{% endembed %}