@mantine/core/esm/components/Tabs/Tabs.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({
  root: {},
  tabsListWrapper: {},
  tabsList: {},
  pills: {},
  body: ({ theme, tabPadding }) => ({
    paddingTop: getSizeValue({ size: tabPadding, sizes: theme.spacing })
  }),
  default: ({ theme }) => ({
    borderBottom: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
    "& $tabsList": {
      marginBottom: -2
    }
  }),
  outline: ({ theme }) => ({
    borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
    "& $tabsList": {
      marginBottom: -1
    }
  })
});

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