import { a as __rest, _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx } from 'react/jsx-runtime';
import { styled } from '@mui/material/styles';
import MuiBox from '@mui/material/Box';

var StyledContainer = styled(MuiBox)(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            maxWidth: 1220,
            margin: "0 auto",
            paddingLeft: theme.spacing(3),
            paddingRight: theme.spacing(3),
            boxSizing: "content-box"
        },
        _b[theme.breakpoints.down("sm")] = {
            paddingLeft: 20,
            paddingRight: 20
        },
        _b);
});
var Container = function (_a) {
    var children = _a.children, props = __rest(_a, ["children"]);
    return jsx(StyledContainer, __assign({}, props, { children: children }), void 0);
};

export { Container as default };
