import{_ as c}from"./IconSearch-DOvkGDL1.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{o as l,c as n,a,M as u,H as p,K as m,S as _,m as r,I as f}from"./index-Bb2UEb_P.js";const g={},h={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"};function x(t,e){return l(),n("svg",h,e[0]||(e[0]=[a("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"},null,-1)]))}const v=w(g,[["render",x]]),y={class:"tw-relative tw-flex tw-items-center tw-text-sm tw-gap-4"},k=["disabled","placeholder"],C=u({__name:"InputSearch",props:f({placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=p(t,"modelValue");return(b,o)=>{const d=v,i=c;return l(),n("div",y,[m(a("input",{"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),type:"text",disabled:t.disabled,placeholder:t.placeholder,class:"tw-flex tw-justify-center tw-h-10 tw-pl-3 tw-pr-8 tw-border tw-border-solid tw-border-gray-200 tw-rounded tw-text-gray-800 tw-placeholder-gray-300 tw-w-full"},null,8,k),[[_,e.value]]),e.value&&e.value.length>0?(l(),r(d,{key:0,class:"tw-absolute tw-top-2.5 tw-right-2 tw-size-5 tw-text-gray-500 tw-cursor-pointer",onClick:o[1]||(o[1]=s=>e.value="")})):(l(),r(i,{key:1,class:"tw-absolute tw-top-2 tw-right-2 tw-size-6 tw-text-gray-500"}))])}}});export{C as _};
