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

React components library focused on usability, accessibility and developer experience

import { createMemoStyles } from '../../theme/create-memo-styles.js';
import { getSizeValue } from '../../theme/utils/get-size-value/get-size-value.js';

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

export default useStyles;
export { sizes };
//# sourceMappingURL=Container.styles.js.map