2 lines
994 B
JavaScript
2 lines
994 B
JavaScript
import{u as d,r as n,j as s,aq as g}from"./vendor-BKmmeuxg.js";import{d as x}from"./debounce-CWHP_ANh.js";import{g as h}from"./route-B4ZMN77y.js";import{c as t}from"./utils-DxSsnXxD.js";const w=c=>{const{className:l,iconPosition:a="left",placeholder:u="Search",onChangeValue:i}=c,o=d(),e=n.useRef(null),r=h(o.url),f=x(async p=>{const m=p.target.value;i(m)},300);return n.useEffect(()=>{r.search&&e.current&&e.current.focus()},[o,r]),s.jsxs("div",{className:t("relative w-full md:max-w-[260px]",l),children:[s.jsx("input",{type:"text",ref:e,onChange:f,placeholder:u,className:t("focus:border-input border-input focus-visible:border-ring focus-visible:ring-ring/50 h-9 w-full rounded-md border py-[15px] text-sm font-normal text-gray-500 focus:ring-0 focus:outline-0 focus-visible:ring-[3px]",a==="left"?"pr-4 pl-12":"pr-12 pl-4"),defaultValue:r.search??""}),s.jsx(g,{className:t("absolute top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-gray-700",a==="left"?"left-4":"right-4")})]})};export{w as S};
|