import h from"./C-_VXZri.js";import{d as v,f as l,h as o,t as i,x as p,aW as b,v as r,F as d,y as c,o as a,z as y,A as k,_ as C}from"./BxiWQxwE.js";const g={class:"store__filters"},V={class:"store__filters--header"},x={key:0},q={class:"filter__desktop"},B={class:"filter__mobile"},S=["onClick"],$=v({__name:"filters",props:{title:{type:String,required:!1,default:""},icon:{type:String,required:!1,default:"clock"},filters:{type:Array,required:!1,default:()=>[]},modelValue:{type:Set,required:!0}},emits:["update:modelValue","filterChange"],setup(t,{emit:u}){const m=u,s=n=>m("filterChange",n);return(n,F)=>{const _=h;return a(),l("div",g,[o("div",V,[(a(),i(b(`svgo-${t.icon}`))),t.title?(a(),l("h4",x,r(t.title),1)):p("",!0)]),o("div",q,[(a(!0),l(d,null,c(t.filters,e=>(a(),i(_,{id:e.label,key:e.id,label:e.label,"aria-label":e.label,"model-value":t.modelValue.has(e.value),"onUpdate:modelValue":f=>s(e)},null,8,["id","label","aria-label","model-value","onUpdate:modelValue"]))),128))]),o("div",B,[(a(!0),l(d,null,c(t.filters,e=>(a(),l("button",{key:e.id,type:"button",class:k({active:t.modelValue.has(e.value)}),onClick:y(f=>s(e),["prevent"])},r(e.label),11,S))),128))])])}}}),D=C($,[["__scopeId","data-v-6844a3e7"]]);export{D as default};