{% include "@Components/listing-switch/listing-switch.twig" with {props: {
grid: {
url: "?grid=1",
active: true
},
rows: {
url: "?rows=1",
active: false
}
}} %}
<div class="c-listing-switch d-flex gap-1">
<a class="link d-inline-flex u-fw-600 align-items-center --text --icon-before --hover-icon --active" href="?grid=1" title="Klasické zobrazení">
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="#15324F" stroke-width="1.8" d="M3.9 3.9h6.2v6.2H3.9zM13.9 3.9h6.2v6.2h-6.2zM13.9 13.9h6.2v6.2h-6.2zM3.9 13.9h6.2v6.2H3.9z"/></svg> </span>
</span>
<span class="link__icon --hover d-none align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" d="M3 3h8v8H3zM13 3h8v8h-8zM13 13h8v8h-8zM3 13h8v8H3z"/></svg> </span>
</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center --text --icon-before --hover-icon" href="?rows=1" title="Řádkové zobrazení">
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M19.2 4.8H4.8v4.4h14.4V4.8ZM3 3v8h18V3H3ZM19.2 14.8H4.8v4.4h14.4v-4.4ZM3 13v8h18v-8H3Z" clip-rule="evenodd"/></svg> </span>
</span>
<span class="link__icon --hover d-none align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" d="M3 3h18v8H3zM3 13h18v8H3z"/></svg> </span>
</span>
</a>
</div>