@mantine/core/cjs/components/Tabs/Tabs.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');

var useStyles = createMemoStyles.createMemoStyles({
  root: {},
  tabsListWrapper: {},
  tabsList: {},
  pills: {},
  body: ({ theme, tabPadding }) => ({
    paddingTop: getSizeValue.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
    }
  })
});

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