import{j as r,a as d}from"./jsx-runtime-5BUNAZ9W.js";import{B as S}from"./button-N5G3CLUW.js";import{L as _}from"./label-y8FHTf1c.js";import{c as B}from"./cn-466VSCev.js";import{r as W}from"./index-4g5l5LRQ.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";import"./_commonjsHelpers-4gQjN7DL.js";const a=W.forwardRef(({className:e,...D},L)=>r("textarea",{ref:L,className:B("flex min-h-[80px] w-full rounded-md border border-border bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-text-weak focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),...D}));a.displayName="Textarea";try{a.displayName="Textarea",a.__docgenInfo={description:"",displayName:"Textarea",props:{}}}catch{}const C={title:"ui/Textarea",component:a,tags:["autodocs"],argTypes:{}},s={render:e=>r(a,{...e}),args:{placeholder:"Type your message here."}},t={render:e=>r(a,{...e}),args:{...s.args,disabled:!0}},o={render:e=>d("div",{className:"grid w-full gap-1.5",children:[r(_,{htmlFor:"message",children:"Your message"}),r(a,{...e,id:"message"})]}),args:{...s.args}},n={render:e=>d("div",{className:"grid w-full gap-1.5",children:[r(_,{htmlFor:"message-2",children:"Your Message"}),r(a,{...e,id:"message-2"}),r("p",{className:"text-sm text-text-primary",children:"Your message will be copied to the support team."})]}),args:{...s.args}},i={render:e=>d("div",{className:"grid w-full gap-2",children:[r(a,{...e}),r(S,{children:"Send message"})]}),args:{...s.args}};var l,m,c;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{
  render: args => <Textarea {...args} />,
  args: {
    placeholder: "Type your message here."
  }
}`,...(c=(m=s.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var g,p,u;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
  render: args => <Textarea {...args} />,
  args: {
    ...Default.args,
    disabled: true
  }
}`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var f,x,h;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
  render: args => <div className="grid w-full gap-1.5">
      <Label htmlFor="message">Your message</Label>
      <Textarea {...args} id="message" />
    </div>,
  args: {
    ...Default.args
  }
}`,...(h=(x=o.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};var b,T,y;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
  render: args => <div className="grid w-full gap-1.5">
      <Label htmlFor="message-2">Your Message</Label>
      <Textarea {...args} id="message-2" />
      <p className="text-sm text-text-primary">
        Your message will be copied to the support team.
      </p>
    </div>,
  args: {
    ...Default.args
  }
}`,...(y=(T=n.parameters)==null?void 0:T.docs)==null?void 0:y.source}}};var v,w,N;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
  render: args => <div className="grid w-full gap-2">
      <Textarea {...args} />
      <Button>Send message</Button>
    </div>,
  args: {
    ...Default.args
  }
}`,...(N=(w=i.parameters)==null?void 0:w.docs)==null?void 0:N.source}}};const G=["Default","Disabled","WithLabel","WithText","WithButton"];export{s as Default,t as Disabled,i as WithButton,o as WithLabel,n as WithText,G as __namedExportsOrder,C as default};
