import{j as t}from"./styled-6f3628cf.js";import{P as a}from"./Paper-e8660a5b.js";import{B as l}from"./Box-320a3238.js";import"./emotion-use-insertion-effect-with-fallbacks.browser.esm-e1338cfd.js";import"./index-8ee6c85d.js";import"./_commonjsHelpers-de833af9.js";const u=e=>t(l,{sx:{width:200,height:200},children:t(e,{})}),P={title:"Surfaces/Paper",component:a,parameters:{layout:"centered",controls:{exclude:["onClick"]}},decorators:[u],argTypes:{},args:{}},r={render:({elevation:e,...m})=>t(a,{sx:{width:"100%",height:"100%",m:1},elevation:e}),args:{elevation:1}},n={render:({elevation:e,...m})=>t(a,{sx:{width:"100%",height:"100%",m:1},variant:"outlined"}),args:{}};var o,s,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
  render: ({
    elevation,
    ...props
  }) => {
    return <Paper sx={{
      width: "100%",
      height: "100%",
      m: 1
    }} elevation={elevation} />;
  },
  args: {
    elevation: 1
  }
}`,...(i=(s=r.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};var p,d,c;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{
  render: ({
    elevation,
    ...props
  }) => {
    return <Paper sx={{
      width: "100%",
      height: "100%",
      m: 1
    }} variant="outlined" />;
  },
  args: {}
}`,...(c=(d=n.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const E=["Elevation","Outlined"];export{r as Elevation,n as Outlined,E as __namedExportsOrder,P as default};
