sui-explorer-local/apps/explorer/storybook-static/assets/Input.stories-813ce5c0.js

Local Sui Explorer

import{j as r}from"./jsx-runtime-ffb262ed.js";import{r as h}from"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";const d=h.forwardRef(({label:e,children:t,...n},_)=>r.jsxs("label",{ref:_,...n,className:"flex flex-col flex-nowrap items-stretch gap-2.5",children:[r.jsx("div",{className:"ml-2.5 text-bodySmall font-medium text-steel-darker",children:e}),t?r.jsx("div",{className:"flex flex-col flex-nowrap",children:t}):null]}));try{d.displayName="Label",d.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}const o=h.forwardRef(({label:e,...t},n)=>r.jsx(d,{label:e,children:r.jsx("input",{ref:n,...t,className:"rounded-md border border-gray-45 bg-white p-2 text-body font-medium text-steel-darker shadow-sm shadow-ebony/10 placeholder:text-gray-60"})}));try{o.displayName="Input",o.__docgenInfo={description:"",displayName:"Input",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}const w={component:o},a={render:e=>r.jsx(o,{...e}),args:{value:"Test value",label:"Test label"}},l={...a,args:{value:void 0,placeholder:"Test placeholder",label:"Input with placeholder"}},s={...a,args:{disabled:!0,label:"Disabled input"}};var p,c,u;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
  render: props => <Input {...props} />,
  args: {
    value: 'Test value',
    label: 'Test label'
  }
}`,...(u=(c=a.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var i,m,b;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`{
  ...InputDefault,
  args: {
    value: undefined,
    placeholder: 'Test placeholder',
    label: 'Input with placeholder'
  }
}`,...(b=(m=l.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var f,x,g;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
  ...InputDefault,
  args: {
    disabled: true,
    label: 'Disabled input'
  }
}`,...(g=(x=s.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};const j=["InputDefault","InputPlaceholder","InputDisabled"];export{a as InputDefault,s as InputDisabled,l as InputPlaceholder,j as __namedExportsOrder,w as default};