import{j as v}from"./jsx-runtime-Dfk2JFgj.js";import{r as P}from"./index-CWN_QRa1.js";import{T as o}from"./index-DgIb9kCw.js";import"./index-DllfNvuz.js";const w={title:"Components/TextArea",component:o},l=i=>{const[R,O]=P.useState(""),q=N=>{O(N)};return v.jsx(o,{...i,value:R,onChange:q})},e=l.bind({});e.args={id:"StoryID",name:"TextAreaName",label:"Label",style:{},placeholder:"",isReadOnly:!1,isDisabled:!1};const a=l.bind({});a.args={id:"StoryID",name:"TextAreaName",label:"Label",style:{},placeholder:"Placeholder",isReadOnly:!1,isDisabled:!1};const t=l.bind({});t.args={id:"StoryID",name:"TextAreaName",label:"Label",style:{},placeholder:"Placeholder",isReadOnly:!1,isDisabled:!1,minLength:0,maxLength:20};const r=l.bind({});r.args={id:"StoryID",name:"TextAreaName",label:"Label",style:{width:"300px",height:"300px"},placeholder:"Placeholder",isReadOnly:!1,isDisabled:!1,minLength:0,maxLength:20};const s=l.bind({});s.args={id:"StoryID",name:"TextAreaName",label:"Label",style:{},placeholder:"Placeholder",isReadOnly:!1,isDisabled:!0,minLength:0,maxLength:20};const W=i=>v.jsx(o,{...i}),n=W.bind({});n.args={id:"StoryID",name:"TextAreaName",label:"Label",placeholder:"Placeholder",isReadOnly:!0,isDisabled:!1,minLength:0,maxLength:20,style:{width:"250px",height:"150px"},value:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis. Velit ut tortor pretium viverra suspendisse potenti nullam. Viverra adipiscing at in tellus integer. Nunc id cursus metus aliquam eleifend mi in nulla. Amet consectetur adipiscing elit ut aliquam. Nisl tincidunt eget nullam non. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Amet porttitor eget dolor morbi non arcu risus. Urna molestie at elementum eu. Sit amet consectetur adipiscing elit pellentesque habitant morbi. Risus nullam eget felis eget nunc lobortis mattis."};var u,c,d;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
  const [textAreaValue, setTextAreaValue] = useState<string>("");
  const handleChange = (e: string) => {
    setTextAreaValue(e);
  };
  return <TextArea {...args} value={textAreaValue} onChange={handleChange} />;
}`,...(d=(c=e.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,g,h;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
  const [textAreaValue, setTextAreaValue] = useState<string>("");
  const handleChange = (e: string) => {
    setTextAreaValue(e);
  };
  return <TextArea {...args} value={textAreaValue} onChange={handleChange} />;
}`,...(h=(g=a.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var p,x,A;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
  const [textAreaValue, setTextAreaValue] = useState<string>("");
  const handleChange = (e: string) => {
    setTextAreaValue(e);
  };
  return <TextArea {...args} value={textAreaValue} onChange={handleChange} />;
}`,...(A=(x=t.parameters)==null?void 0:x.docs)==null?void 0:A.source}}};var b,T,V;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
  const [textAreaValue, setTextAreaValue] = useState<string>("");
  const handleChange = (e: string) => {
    setTextAreaValue(e);
  };
  return <TextArea {...args} value={textAreaValue} onChange={handleChange} />;
}`,...(V=(T=r.parameters)==null?void 0:T.docs)==null?void 0:V.source}}};var y,S,L;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
  const [textAreaValue, setTextAreaValue] = useState<string>("");
  const handleChange = (e: string) => {
    setTextAreaValue(e);
  };
  return <TextArea {...args} value={textAreaValue} onChange={handleChange} />;
}`,...(L=(S=s.parameters)==null?void 0:S.docs)==null?void 0:L.source}}};var f,C,D;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
  return <TextArea {...args} />;
}`,...(D=(C=n.parameters)==null?void 0:C.docs)==null?void 0:D.source}}};const M=["WithLabel","WithPlaceholder","WithMaxLength","WithStyle","Disabled","ReadOnly"];export{s as Disabled,n as ReadOnly,e as WithLabel,t as WithMaxLength,a as WithPlaceholder,r as WithStyle,M as __namedExportsOrder,w as default};
