@mantine/core/esm/ModalBase/ModalBaseHeader/ModalBaseHeader.styles.js

React components library focused on usability, accessibility and developer experience

import { createStyles, getSize, rem } from '@mantine/styles';

var useStyles = createStyles((theme, { padding }) => {
  const paddingValue = getSize({ size: padding, sizes: theme.spacing });
  return {
    header: {
      display: "flex",
      justifyContent: "space-between",
      alignItems: "center",
      padding: paddingValue,
      paddingRight: `calc(${paddingValue} - ${rem(5)})`,
      position: "sticky",
      top: 0,
      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
    }
  };
});

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