text: "use strict";
  
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.PickersMonth = void 0;
  
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  
  var React = _interopRequireWildcard(require("react"));
  
  var _clsx = _interopRequireDefault(require("clsx"));
  
  var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
  
  var _styles = require("@mui/material/styles");
  
  var _material = require("@mui/material");
  
  var _utils = require("../internals/utils/utils");
  
  var _jsxRuntime = require("react/jsx-runtime");
  
  const _excluded = ["disabled", "onSelect", "selected", "value"];
  
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  
  const classes = (0, _material.generateUtilityClasses)('PrivatePickersMonth', ['root', 'selected']);
  const PickersMonthRoot = (0, _styles.styled)(_Typography.default)(({
    theme
  }) => (0, _extends2.default)({
    flex: '1 0 33.33%',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    color: 'unset',
    backgroundColor: 'transparent',
    border: 0,
    outline: 0
  }, theme.typography.subtitle1, {
    margin: '8px 0',
    height: 36,
    borderRadius: 18,
    cursor: 'pointer',
    '&:focus, &:hover': {
      backgroundColor: (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
    },
    '&:disabled': {
      pointerEvents: 'none',
      color: theme.palette.text.secondary
    },
    [`&.${classes.selected}`]: {
      color: theme.palette.primary.contrastText,
      backgroundColor: theme.palette.primary.main,
      '&:focus, &:hover': {
        backgroundColor: theme.palette.primary.dark
      }
    }
  }));
  /**
   * @ignore - do not document.
   */
  
  const PickersMonth = props => {
    const {
      disabled,
      onSelect,
      selected,
      value
    } = props,
          other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
  
    const handleSelection = () => {
      onSelect(value);
    };
  
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersMonthRoot, (0, _extends2.default)({
      component: "button",
      type: "button",
      className: (0, _clsx.default)(classes.root, selected && classes.selected),
      tabIndex: disabled ? -1 : 0,
      onClick: handleSelection,
      onKeyDown: (0, _utils.onSpaceOrEnter)(handleSelection),
      color: selected ? 'primary' : undefined,
      variant: selected ? 'h5' : 'subtitle1',
      disabled: disabled
    }, other));
  };
  
  exports.PickersMonth = PickersMonth;