sui-explorer-local/apps/explorer/storybook-static/assets/Modal.stories-66bde09d.js

Local Sui Explorer

import{j as e}from"./jsx-runtime-ffb262ed.js";import{Q as C,S as M}from"./index-d4ae957a.js";import{r as i}from"./index-76fb7be0.js";import{L as a}from"./Link-0a628896.js";import{M as k,a as v,C as b,b as g,c as w,O as j}from"./ObjectModal-66fd9f07.js";import{M as O}from"./index-1489375c.js";import{Q as L}from"./queryClient-3963a3bf.js";import"./clsx-0839fdbe.js";import"./index-d5a566d3.js";import"./extends-98964cd2.js";import"./_commonjsHelpers-de833af9.js";import"./index-da07a199.js";import"./index-dca19ccf.js";import"./index-d3ea75b5.js";import"./IconButton-47608385.js";import"./transition-b9d852df.js";import"./keyboard-c7de49e8.js";import"./use-root-containers-c18da5d8.js";import"./Heading-31d5eddc.js";import"./sizeAndWeight-05769a6b.js";import"./Image-6fadc8fe.js";import"./SVGVisualElement-4900b852.js";import"./use-unmount-effect-01fa1bae.js";import"./LoadingIndicator-8720c7eb.js";import"./Text-6932fd32.js";const $={component:()=>{const[o,t]=i.useState(!1),l=()=>t(!1);return e.jsxs("div",{children:[e.jsx(k,{open:o,onClose:l,children:e.jsxs(v,{children:[e.jsx(b,{onClick:l}),e.jsx(g,{children:"Modal"}),e.jsx(w,{children:"This is a modal."})]})}),e.jsx(a,{onClick:()=>t(!0),children:"Show More"})]})},decorators:[o=>e.jsx(O,{children:e.jsx(C,{client:new L,children:e.jsx(M,{children:e.jsx(o,{})})})})]},r={args:{}},s={name:"Image Modal",render:()=>{const[o,t]=i.useState(!0);return e.jsxs("div",{children:[e.jsx(j,{title:"Sui",open:o,src:"https://images.unsplash.com/photo-1562016600-ece13e8ba570?auto=format&fit=crop&w=738&q=80",alt:"Sui",onClose:()=>t(!1),subtitle:"Still water runs deep."}),e.jsx(a,{onClick:()=>t(!0),children:"Click to open"})]})}},n={name:"Video Modal",render:()=>{const[o,t]=i.useState(!0);return e.jsxs("div",{children:[e.jsx(j,{title:"Sui",open:o,src:"https://images.unsplash.com/photo-1562016600-ece13e8ba570?auto=format&fit=crop&w=738&q=80",video:"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm",alt:"Sui",onClose:()=>t(!1),subtitle:"Still water runs deep."}),e.jsx(a,{onClick:()=>t(!0),children:"Click to open"})]})}};var p,c,m;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
  args: {}
}`,...(m=(c=r.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var d,u,h;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: 'Image Modal',
  render: () => {
    const [open, setOpen] = useState(true);
    return <div>
                <ObjectModal title="Sui" open={open} src="https://images.unsplash.com/photo-1562016600-ece13e8ba570?auto=format&fit=crop&w=738&q=80" alt="Sui" onClose={() => setOpen(false)} subtitle="Still water runs deep." />

                <Link onClick={() => setOpen(true)}>Click to open</Link>
            </div>;
  }
}`,...(h=(u=s.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var f,x,S;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
  name: 'Video Modal',
  render: () => {
    const [open, setOpen] = useState(true);
    return <div>
                <ObjectModal title="Sui" open={open} src="https://images.unsplash.com/photo-1562016600-ece13e8ba570?auto=format&fit=crop&w=738&q=80" video="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" alt="Sui" onClose={() => setOpen(false)} subtitle="Still water runs deep." />

                <Link onClick={() => setOpen(true)}>Click to open</Link>
            </div>;
  }
}`,...(S=(x=n.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};const ee=["Default","Image","Video"];export{r as Default,s as Image,n as Video,ee as __namedExportsOrder,$ as default};