@mantine/core/cjs/components/Menu/MenuBody/MenuBody.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: 120,
  sm: 160,
  md: 200,
  lg: 240,
  xl: 300
};
var useStyles = createMemoStyles.createMemoStyles({
  menu: ({ theme, size }) => ({
    position: "absolute",
    width: getSizeValue.getSizeValue({ size, sizes }),
    overflow: "hidden",
    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.white,
    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`,
    paddingTop: theme.spacing.xs / 2,
    paddingBottom: theme.spacing.xs / 2
  }),
  divider: ({ theme }) => ({
    borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[2],
    marginTop: theme.spacing.xs / 2,
    marginBottom: theme.spacing.xs / 2
  })
});

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