import{j as r,a as i}from"./jsx-runtime-5BUNAZ9W.js";import{B as y}from"./button-N5G3CLUW.js";import{I as s}from"./input-O26Mb9q6.js";import{L as N}from"./label-y8FHTf1c.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./cn-466VSCev.js";import"./index-dNGI4_9C.js";import"./extends-dGVwEr9R.js";import"./index-polp_dyw.js";import"./createLucideIcon-SOGh5HrW.js";import"./index-VfKohXEB.js";import"./index-zaNpaTzt.js";const C={title:"ui/Input",component:s,tags:["autodocs"],argTypes:{}},a={render:e=>r(s,{...e}),args:{type:"email",placeholder:"Email"}},t={render:e=>r(s,{disabled:!0,...e}),args:{...a.args}},m={render:e=>i("div",{className:"grid w-full max-w-sm items-center gap-1.5",children:[r(N,{htmlFor:"email",children:e.placeholder}),r(s,{...e,id:"email"})]}),args:{...a.args}},n={render:e=>i("div",{className:"grid w-full max-w-sm items-center gap-1.5",children:[r(N,{htmlFor:"email-2",children:e.placeholder}),r(s,{...e,id:"email-2"}),r("p",{className:"text-sm text-slate-500",children:"Enter your email address."})]}),args:{...a.args}},l={render:e=>i("div",{className:"flex w-full max-w-sm items-center space-x-2",children:[r(s,{...e}),r(y,{type:"submit",children:"Subscribe"})]}),args:{...a.args}};var o,c,d;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`{
  render: args => <Input {...args} />,
  args: {
    type: "email",
    placeholder: "Email"
  }
}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var p,u,g;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
  render: args => <Input disabled {...args} />,
  args: {
    ...Default.args
  }
}`,...(g=(u=t.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,x,f;m.parameters={...m.parameters,docs:{...(h=m.parameters)==null?void 0:h.docs,source:{originalSource:`{
  render: args => <div className="grid w-full max-w-sm items-center gap-1.5">
      <Label htmlFor="email">{args.placeholder}</Label>
      <Input {...args} id="email" />
    </div>,
  args: {
    ...Default.args
  }
}`,...(f=(x=m.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var b,w,v;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
  render: args => <div className="grid w-full max-w-sm items-center gap-1.5">
      <Label htmlFor="email-2">{args.placeholder}</Label>
      <Input {...args} id="email-2" />
      <p className="text-sm text-slate-500">Enter your email address.</p>
    </div>,
  args: {
    ...Default.args
  }
}`,...(v=(w=n.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};var D,I,L;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
  render: args => <div className="flex w-full max-w-sm items-center space-x-2">
      <Input {...args} />
      <Button type="submit">Subscribe</Button>
    </div>,
  args: {
    ...Default.args
  }
}`,...(L=(I=l.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};const G=["Default","Disabled","WithLabel","WithText","WithButton"];export{a as Default,t as Disabled,l as WithButton,m as WithLabel,n as WithText,G as __namedExportsOrder,C as default};
