@mantine/core/esm/components/Paper/Paper.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';

var useStyles = createMemoStyles({
  paper: ({ theme, radius, shadow, padding }) => ({
    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
    boxSizing: "border-box",
    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
    boxShadow: theme.shadows[shadow] || shadow || "none",
    padding: getSizeValue({ size: padding, sizes: theme.spacing })
  })
});

export default useStyles;
//# sourceMappingURL=Paper.styles.js.map