import{j as o,a as f,F as k}from"./styled-6f3628cf.js";import{r as C}from"./index-8ee6c85d.js";import{B as p}from"./Backdrop-4d21b1fa.js";import{C as g}from"./CircularProgress-fa1a3291.js";import{T as h}from"./Typography-e5830f27.js";import{B}from"./Button-f5ef6417.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-e1338cfd.js";import"./_commonjsHelpers-de833af9.js";import"./useTheme-6d97fb94.js";import"./utils-a7649ee6.js";import"./inheritsLoose-c82a83d4.js";import"./index-8bf7f4ad.js";import"./TransitionGroupContext-70083013.js";import"./useEnhancedEffect-07c97f1c.js";import"./useForkRef-8c462693.js";import"./ButtonBase-01f8628f.js";import"./useTimeout-82a9add1.js";import"./assertThisInitialized-081f9914.js";import"./useIsFocusVisible-dd3ba909.js";const{useArgs:x}=__STORYBOOK_MODULE_PREVIEW_API__,_=n=>{const[{open:e},r]=x(),c=()=>{r({open:!1})};return C.useEffect(()=>{r({onClick:c})},[]),f(k,{children:[o(B,{variant:"contained",onClick:()=>{r({open:!0})},children:"Open Backdrop"}),o(n,{open:e,onClick:c})]})},V={title:"Feedback/Backdrop",component:p,parameters:{layout:"centered",controls:{exclude:["onClick"]}},decorators:[_],argTypes:{},args:{}},t={render:({open:n,onClick:e,...r})=>o(p,{sx:{color:"#fff"},open:n,onClick:e,children:o(g,{color:"inherit"})}),args:{open:!1,onClick:()=>{}}},s={render:({open:n,onClick:e,children:r,...c})=>o(p,{sx:{background:"#fff"},open:n,onClick:e,children:r}),args:{open:!1,onClick:()=>{},children:o(h,{children:"Custom content"})}};var a,i,l;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
  render: ({
    open,
    onClick,
    ...props
  }) => {
    return <Backdrop sx={{
      color: '#fff'
    }} open={open} onClick={onClick}>
        <CircularProgress color="inherit" />
      </Backdrop>;
  },
  args: {
    open: false,
    onClick: () => {/** handle click */}
  }
}`,...(l=(i=t.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var m,d,u;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
  render: ({
    open,
    onClick,
    children,
    ...props
  }) => {
    return <Backdrop sx={{
      background: '#fff'
    }} open={open} onClick={onClick}>
        {children}
      </Backdrop>;
  },
  args: {
    open: false,
    onClick: () => {/** handle click */},
    children: <Typography>Custom content</Typography>
  }
}`,...(u=(d=s.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};const Y=["WithProgress","WithCustomContent"];export{s as WithCustomContent,t as WithProgress,Y as __namedExportsOrder,V as default};
