import{bo as _extends,bt as createTheme,bn as capitalize,r as reactExports,bq as _objectWithoutPropertiesLoose,j as jsxRuntimeExports,bu as clsx,bv as useThemeProps,bs as composeClasses,bk as generateUtilityClass,bm as styled$1,bp as useThemeProps$1}from"./js-core.esm4.js";import{ay as styled}from"./js-core.esm9.js";let _excluded=["className","component","disableGutters","fixed","maxWidth","classes"],defaultTheme=createTheme(),defaultCreateStyledComponent=styled("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t["maxWidth"+capitalize(String(e.maxWidth))],e.fixed&&t.fixed,e.disableGutters&&t.disableGutters]}}),useThemePropsDefault=e=>useThemeProps({props:e,name:"MuiContainer",defaultTheme:defaultTheme}),useUtilityClasses=(e,t)=>{var{classes:e,fixed:s,disableGutters:a,maxWidth:i}=e,i={root:["root",i&&"maxWidth"+capitalize(String(i)),s&&"fixed",a&&"disableGutters"]};return composeClasses(i,e=>generateUtilityClass(t,e),e)};function createContainer(e={}){let{createStyledComponent:t=defaultCreateStyledComponent,useThemeProps:d=useThemePropsDefault,componentName:m="MuiContainer"}=e,l=t(({theme:e,ownerState:t})=>_extends({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:a,ownerState:e})=>e.fixed&&Object.keys(a.breakpoints.values).reduce((e,t)=>{var s=a.breakpoints.values[t];return 0!==s&&(e[a.breakpoints.up(t)]={maxWidth:""+s+a.breakpoints.unit}),e},{}),({theme:e,ownerState:t})=>_extends({},"xs"===t.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},t.maxWidth&&"xs"!==t.maxWidth&&{[e.breakpoints.up(t.maxWidth)]:{maxWidth:""+e.breakpoints.values[t.maxWidth]+e.breakpoints.unit}}));return reactExports.forwardRef(function(e,t){var e=d(e),{className:s,component:a="div",disableGutters:i=!1,fixed:r=!1,maxWidth:o="lg"}=e,n=_objectWithoutPropertiesLoose(e,_excluded),e=_extends({},e,{component:a,disableGutters:i,fixed:r,maxWidth:o}),i=useUtilityClasses(e,m);return jsxRuntimeExports.jsx(l,_extends({as:a,ownerState:e,className:clsx(i.root,s),ref:t},n))})}let Container=createContainer({createStyledComponent:styled$1("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t["maxWidth"+capitalize(String(e.maxWidth))],e.fixed&&t.fixed,e.disableGutters&&t.disableGutters]}}),useThemeProps:e=>useThemeProps$1({props:e,name:"MuiContainer"})});export{Container as C};
