https://app.wecantrack.com/wct-app/assets/DataSourceSearch-CxvsBTfu.js

1import{d as y,h as v,x as f,e as s,a as n,b as u,u as d,k as b,v as V,V as x,g as k,o as c}from"./wct-app-zVoOyqoJ.js";import{r as w}from"./MagnifyingGlassIcon-CX-_6uQF.js";import{r as _}from"./XMarkIcon-CGg_meYD.js";const C={class:"w-full sm:w-96"},S={class:"relative"},I=y({__name:"DataSourceSearch",props:{modelValue:{}},emits:["update:modelValue","search","clear"],setup(p,{emit:i}){const t=p,a=i,e=v(t.modelValue);f(()=>t.modelValue,o=>{e.value=o});const m=()=>{a("update:modelValue",e.value),r()},r=()=>{a("search",e.value)},h=()=>{e.value="",a("update:modelValue",""),a("clear")};return(o,l)=>(c(),s("div",C,[n("div",S,[u(d(w),{class:"absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400"}),b(n("input",{"onUpdate:modelValue":l[0]||(l[0]=g=>e.value=g),type:"text",placeholder:"Search custom imports...",class:"w-full pl-10 pr-10 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 placeholder-gray-400 dark:placeholder-gray-500 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors",onInput:m,onKeyup:x(r,["enter"])},null,544),[[V,e.value]]),e.value?(c(),s("button",{key:0,onClick:h,class:"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"},[u(d(_),{class:"h-5 w-5"})])):k("",!0)])]))}});export{I as default};