@anoki/fse-ui/dist/index.cjs117.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Search/Search.css');const e=require("./index.cjs237.js");;/* empty css              */const t=require("./index.cjs239.js"),p=require("react"),d=require("./index.cjs223.js"),m=require("./index.cjs32.js"),j=({btnText:l,helperText:c,onChangeValue:r,value:n,variant:u="basic",onSearch:i,dimensionStrategy:o="fixed"})=>{const[a,x]=p.useState(n);return e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-search","br-x4 bg-border-secondary w-full",u,{"ui-search-auto":o==="auto"}),children:u==="basic"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(m.Button,{className:t.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>i==null?void 0:i(a),children:l})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"ui-search-icon",children:e.jsxRuntimeExports.jsx(d.SearchIcon,{width:20,height:20})}),e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}})]})})};exports.Search=j;
//# sourceMappingURL=index.cjs117.js.map