sui-explorer-local/apps/explorer/storybook-static/assets/DisclosureBox.stories-807182d4.js

Local Sui Explorer

import{j as e}from"./jsx-runtime-ffb262ed.js";import{$ as B,a as w,C as h,b as O}from"./index-c60fb24b.js";import{c as _}from"./index-dca19ccf.js";import{c as $}from"./clsx-0839fdbe.js";import{r as j}from"./index-76fb7be0.js";import"./extends-98964cd2.js";import"./index-378103fb.js";import"./index-d3ea75b5.js";import"./_commonjsHelpers-de833af9.js";import"./index-d5a566d3.js";const N=_("group",{variants:{variant:{primary:"bg-gray-40 rounded-lg",outline:"bg-transparent border border-gray-45 hover:bg-gray-40 hover:border-transparent rounded-2lg"}},defaultVariants:{variant:"primary"}});function a({defaultOpen:t,title:b,children:v,preview:i,variant:y}){const[n,D]=j.useState(t);return e.jsx("div",{className:N({variant:y}),children:e.jsxs(B,{open:n,onOpenChange:D,children:[e.jsxs(w,{className:"flex w-full cursor-pointer flex-nowrap items-center gap-1 px-5 py-3.75",children:[e.jsxs("div",{className:"flex w-11/12 flex-1 gap-1 text-body font-semibold text-gray-90",children:[b,i&&!n?i:null]}),e.jsx(h,{className:$("text-caption text-steel",n&&"rotate-90")})]}),e.jsx(O,{className:"px-5 pb-3.75",children:v})]})})}try{a.displayName="DisclosureBox",a.__docgenInfo={description:"",displayName:"DisclosureBox",props:{defaultOpen:{defaultValue:null,description:"",name:"defaultOpen",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"ReactNode"}},preview:{defaultValue:null,description:"",name:"preview",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:'"primary" | "outline" | null'}}}}}catch{}const z={component:a},r={render:t=>e.jsx(a,{...t,children:"Test content"}),args:{title:"Closed by default"}},s={...r,args:{title:"Expanded disclosure box",defaultOpen:!0,preview:"Preview content"}},o={...r,args:{title:"Outline disclosure box",preview:"Preview content",variant:"outline"}};var l,c,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
  render: props => <DisclosureBox {...props}>Test content</DisclosureBox>,
  args: {
    title: 'Closed by default'
  }
}`,...(p=(c=r.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
  ...DisclosureBoxDefault,
  args: {
    title: 'Expanded disclosure box',
    defaultOpen: true,
    preview: 'Preview content'
  }
}`,...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var x,f,g;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
  ...DisclosureBoxDefault,
  args: {
    title: 'Outline disclosure box',
    preview: 'Preview content',
    variant: 'outline'
  }
}`,...(g=(f=o.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};const A=["DisclosureBoxDefault","DisclosureBoxClosed","DisclosureBoxOutline"];export{s as DisclosureBoxClosed,r as DisclosureBoxDefault,o as DisclosureBoxOutline,A as __namedExportsOrder,z as default};