@mantine/core/cjs/components/RadioGroup/RadioGroup.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({
  wrapper: ({ theme, spacing, variant }) => ({
    display: "flex",
    flexWrap: "wrap",
    flexDirection: variant === "vertical" ? "column" : "row",
    margin: getSizeValue.getSizeValue({ sizes: theme.spacing, size: spacing }) / 2 * -1,
    marginTop: getSizeValue.getSizeValue({ sizes: theme.spacing, size: spacing }) / 4 * (variant === "vertical" ? 1 : -1),
    "& [data-mantine-radio]": {
      margin: getSizeValue.getSizeValue({ sizes: theme.spacing, size: spacing }) / 2,
      marginTop: variant === "vertical" && getSizeValue.getSizeValue({ sizes: theme.spacing, size: spacing }) / 4,
      marginBottom: variant === "vertical" && getSizeValue.getSizeValue({ sizes: theme.spacing, size: spacing }) / 4
    }
  })
});

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