tsm-ui/storybook-static/assets/Accordion.stories.f7a2f2df.js

### Welcome to TSM-UI: Your Design System for Modern Web Development

import{r as D}from"./index.d591fb27.js";import{s as d}from"./index.f31275f4.js";import{a as l,j as i,F as O}from"./jsx-runtime.e41c3930.js";import{P as w,A as T}from"./PlusCircle.esm.983a02f0.js";import"./_commonjsHelpers.712cc82f.js";import"./index.8dde8ec8.js";import"./IconBase.esm.b270398d.js";const R=d("div",{backgroundColor:"$colorGreen010",borderRadius:"4px",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)"}),k=d("button",{color:"$colorMainWhite",padding:"8px 16px",border:"none",borderRadius:"4px",cursor:"pointer",fontSize:"14px",backgroundColor:"$colorSecondaryBlack",width:"100%"}),z=d("div",{padding:"16px",fontSize:"14px",color:"$colorMainBlack"});function $({isOpen:e}){return i("span",{children:e?"Open":"Close"})}function M({isOpen:e}){return i("span",{children:e?"Custom Opening Icon":"Custom Closing Icon"})}function t({title:e,children:E,isOpenByDefault:S=!1,type:c}){const[o,_]=D.exports.useState(S);return l(R,{children:[l(k,{onClick:()=>{_(!o)},children:[i("span",{children:e}),(()=>c==="plus-minus"?o?"-":"+":c==="arrow"?o?"\u25BC":"\u25BA":c==="custom-icon"?i($,{isOpen:o}):c==="custom"?i(M,{isOpen:o}):null)()]}),o&&i(z,{children:E})]})}t.displayName="Accordion";try{t.displayName="Accordion",t.__docgenInfo={description:"",displayName:"Accordion",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},isOpenByDefault:{defaultValue:{value:"false"},description:"",name:"isOpenByDefault",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"plus-minus"'},{value:'"custom"'},{value:'"arrow"'},{value:'"custom-icon"'}]}}}}}catch{}const L={title:"Components/Accordion",component:t,argTypes:{title:{description:"The title of the accordion",control:{type:"text"}},type:{description:"The type of accordion",options:["default","plus-minus","custom","arrow","custom-icon"],control:{type:"select"}},isOpenByDefault:{description:"Specifies if the accordion should be open by default",control:{type:"boolean"}}}},s=e=>i(t,{...e,children:i("p",{children:'"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."'})});s.args={title:"Accordion Title",type:"default",isOpenByDefault:!1};const u=e=>i(t,{...e,children:i("p",{children:'"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."'})});u.args={title:"Accordion Title",type:"plus-minus",isOpenByDefault:!1};const r=e=>i(t,{...e,children:i("p",{children:'"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."'})});r.args={title:"Accordion Title",type:"custom-icon",isOpenByDefault:!1,customIcon:l(O,{children:[i(w,{weight:"bold",size:100,style:{marginRight:"8px"}}),"Title"]})};const a=e=>i(t,{...e,children:i("p",{children:'"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."'})});a.args={title:"Accordion Title",type:"arrow",isOpenByDefault:!1,customIcon:i(T,{weight:"bold",size:24,style:{marginRight:"8px"}})};const n=e=>i(t,{...e,children:i("p",{children:'"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."'})});n.args={title:"Accordion Title",type:"custom",isOpenByDefault:!1,customIcon:l(O,{children:[i(w,{weight:"bold",size:100,style:{marginRight:"8px"}})," ","Title"]})};var m,p,q;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => <Accordion {...args}>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."
        </p>
    </Accordion>`,...(q=(p=s.parameters)==null?void 0:p.docs)==null?void 0:q.source}}};var f,g,b;u.parameters={...u.parameters,docs:{...(f=u.parameters)==null?void 0:f.docs,source:{originalSource:`args => <Accordion {...args}>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."
        </p>
    </Accordion>`,...(b=(g=u.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var h,A,v;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`args => <Accordion {...args}>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."
        </p>
    </Accordion>`,...(v=(A=r.parameters)==null?void 0:A.docs)==null?void 0:v.source}}};var x,y,C;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`args => <Accordion {...args}>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."
        </p>
    </Accordion>`,...(C=(y=a.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var I,B,N;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`args => <Accordion {...args}>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo."
        </p>
    </Accordion>`,...(N=(B=n.parameters)==null?void 0:B.docs)==null?void 0:N.source}}};const Q=["Default","PlusMinus","CustomIcon","ArrowIcon","CustomAccordion"];export{a as ArrowIcon,n as CustomAccordion,r as CustomIcon,s as Default,u as PlusMinus,Q as __namedExportsOrder,L as default};