"use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,a)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[t]=a,p=(s,t)=>{for(var a in t||(t={}))P.call(t,a)&&_(s,a,t[a]);if(h)for(var a of h(t))I.call(t,a)&&_(s,a,t[a]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx":(function(s,t,a){var m=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var r=Object.getOwnPropertyDescriptor(e,c);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,r)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),b=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var r in c)Object.prototype.hasOwnProperty.call(c,r)&&(n[n.length]=r);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),r=0;r<n.length;r++)n[r]!=="default"&&m(c,e,n[r]);return b(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=a("./src/components/UISearchBox/index.tsx"),y=a("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},r=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{r("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j})}]);})();
