import{d as h,u as m,e as s,i as _,h as a,f,q as V,k as b,o as n,X as k,_ as v}from"./index-D92x6h1h.js";const C={class:"search-input"},I=["value","placeholder","aria-label"],g=["title","aria-label"],x=h({__name:"SearchInput",props:{modelValue:{},placeholder:{},ariaLabel:{}},emits:["update:modelValue"],setup(e,{emit:r}){const u=e,t=r,{t:l}=m(),i=b(()=>u.modelValue.length>0);function d(o){const c=o.target;t("update:modelValue",c.value)}function p(){t("update:modelValue","")}return(o,c)=>(n(),s("span",C,[_("input",{type:"search",value:e.modelValue,placeholder:e.placeholder,"aria-label":e.ariaLabel??e.placeholder,class:"search-input__field",onInput:d},null,40,I),i.value?(n(),s("button",{key:0,type:"button",class:"search-input__clear",title:a(l)("Clear"),"aria-label":a(l)("Clear"),onClick:p},[f(a(k),{size:14,"stroke-width":2.5})],8,g)):V("",!0)]))}}),B=v(x,[["__scopeId","data-v-19b8fccf"]]);export{B as S};
