https://isric.org/_nuxt/BNt-PjgV.js

1import{ar as l,ab as m,as as _,c as x,o as y,x as v,z as B,g as r,at as b,q as w,au as S,E as g,B as Q}from"./FTaPbxLM.js";import k from"./DrazZ_kY.js";const M={class:"base-search-bar flex w-full items-center gap-2 rounded-full p-1 pl-2"},R=["placeholder"],q={__name:"BaseSearchBar",props:l({placeholder:{type:String,default:"Search..."}},{searchQuery:{type:String,default:""},searchQueryModifiers:{}}),emits:l(["input","search"],["update:searchQuery"]),setup(s,{expose:u,emit:c}){const t=m("inputRef"),a=c,e=_(s,"searchQuery"),i=()=>{a("input",e.value)},n=()=>{a("search",e.value)};return u({focus:()=>{t.value.focus()},blur:()=>{t.value.blur()},clear:()=>{e.value="",a("input",e.value)}}),(p,o)=>{const d=Q,f=k;return y(),x("div",M,[v(p.$slots,"default"),B(w("input",{ref_key:"inputRef",ref:t,"onUpdate:modelValue":o[0]||(o[0]=h=>e.value=h),type:"text",placeholder:s.placeholder,class:"h-full w-full border-none pl-3 outline-none",onInput:i,onKeydown:S(n,["enter"])},null,40,R),[[b,e.value]]),r(f,{class:"flex aspect-square items-center justify-center p-4 text-base-500 focus:outline-none",onClick:n},{default:g(()=>[r(d,{name:"lucide:search",size:"text-xl"})]),_:1})])}}};export{q as default};