@mantine/core/cjs/components/Container/Container.styles.js

React components library focused on usability, accessibility and developer experience

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var createMemoStyles = require('../../theme/create-memo-styles.js');
var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');

const sizes = {
  xs: 570,
  sm: 770,
  md: 970,
  lg: 1170,
  xl: 1370
};
var useStyles = createMemoStyles.createMemoStyles({
  container: ({ fluid, size, padding, theme }) => ({
    maxWidth: fluid ? "100%" : getSizeValue.getSizeValue({ size, sizes }),
    marginLeft: "auto",
    marginRight: "auto",
    paddingLeft: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing }),
    paddingRight: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing })
  })
});

exports.default = useStyles;
exports.sizes = sizes;
//# sourceMappingURL=Container.styles.js.map