{"version":3,"file":"static/js/9473.36c85e51.chunk.js","mappings":"6NAiBA,EAfe,SAACA,EAAUC,EAAWC,GACpC,OAAOC,EAAAA,EAAAA,IAAW,SAAAC,GAAK,MAAK,CAC3BC,UAAW,CACVH,WAAYA,EAAaE,EAAME,QAAQJ,WAAWK,MAAQ,OAC1DC,OAAQ,SACRC,SAAU,SACVT,SAAUA,EACVU,YAAaT,EAAY,EAAIG,EAAMO,QAAQ,GAC3CC,aAAcX,EAAY,EAAIG,EAAMO,QAAQ,GAC5CE,gBAAiB,QACjBC,MAAO,QAER,GAXMX,EAYR,E,WC2BA,EApCkB,SAAAY,GACjB,IACCC,EAQGD,EARHC,OACAd,EAOGa,EAPHb,WACAe,EAMGF,EANHE,SACAC,EAKGH,EALHG,UACUC,EAIPJ,EAJHf,SAAQ,EAILe,EAHHd,UAAAA,OAAS,OAAQ,EACjBmB,EAEGL,EAFHK,MACAC,EACGN,EADHM,IAED,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,SAChBC,GAD0B,YAAzB,GACDA,UACKC,GAAcT,GAAU,CAAC,GAA9BK,IAEQ,GAAfG,GAAa,CAAC,GADPE,OAAoE,QAA9D,MAA4D,CAAC,EAAC,GAA1DrB,UAAmD,QAA1C,MAAwC,CAAC,EAAC,GAAtCL,SAAU2B,OAAc,MAAG,KAAI,EAGxDC,EAAMC,EADKV,IAAclB,EAAY,KAAO0B,IACnBA,EAAgB1B,EAAWC,GAE1D,OACC,gBACCgB,WAAWY,EAAAA,EAAAA,SACVF,EAAIvB,UACJ,+BACAa,EACAG,EAAG,uCAAmCA,GAAQ,GAC9C,CAAE,+CAAgDnB,IAEnD,cAAauB,EACbL,MAAOA,EAAM,SAEZH,GAGJ,C","sources":["components/views/Container/Container.styles.js","components/views/Container/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = (maxWidth, noPadding, background) => {\r\n\treturn makeStyles(theme => ({\r\n\t\tcontainer: {\r\n\t\t\tbackground: background ? theme.palette.background.light : \"none\",\r\n\t\t\tmargin: \"0 auto\",\r\n\t\t\toverflow: \"hidden\",\r\n\t\t\tmaxWidth: maxWidth,\r\n\t\t\tpaddingLeft: noPadding ? 0 : theme.spacing(3),\r\n\t\t\tpaddingRight: noPadding ? 0 : theme.spacing(3),\r\n\t\t\tscrollMarginTop: \"110px\",\r\n\t\t\twidth: \"100%\"\r\n\t\t}\r\n\t}))();\r\n};\r\n\r\nexport default styles;\r\n","import React, { useContext } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport UiContext from \"@UiContext\";\r\n\r\nimport styles from \"./Container.styles\";\r\n\r\nconst Container = props => {\r\n\tconst {\r\n\t\tanchor,\r\n\t\tbackground,\r\n\t\tchildren,\r\n\t\tclassName,\r\n\t\tmaxWidth: _maxWidth,\r\n\t\tnoPadding = false,\r\n\t\tstyle,\r\n\t\ttag\r\n\t} = props;\r\n\tconst [ui] = useContext(UiContext);\r\n\tconst { _settings } = ui;\r\n\tconst { tag: anchorTag } = anchor || {};\r\n\tconst { global: { container: { maxWidth: globalMaxWidth = 1440 } = {} } = {} } =\r\n\t\t_settings || {};\r\n\tconst maxWidth = _maxWidth || (noPadding ? 1872 : globalMaxWidth);\r\n\tconst css = styles(maxWidth || globalMaxWidth, noPadding, background);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={clsx(\r\n\t\t\t\tcss.container,\r\n\t\t\t\t\"mco-view-component-container\",\r\n\t\t\t\tclassName,\r\n\t\t\t\ttag ? `mco-view-component-container-${tag}` : \"\",\r\n\t\t\t\t{ \"mco-view-component-container--has-background\": background }\r\n\t\t\t)}\r\n\t\t\tdata-anchor={anchorTag}\r\n\t\t\tstyle={style}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Container;\r\n"],"names":["maxWidth","noPadding","background","makeStyles","theme","container","palette","light","margin","overflow","paddingLeft","spacing","paddingRight","scrollMarginTop","width","props","anchor","children","className","_maxWidth","style","tag","useContext","UiContext","_settings","anchorTag","global","globalMaxWidth","css","styles","clsx"],"sourceRoot":""}