"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledButton = exports.StyledMenuItem = void 0;
const MenuItem_1 = require("@mui/material/MenuItem");
const Button_1 = require("../../Button");
const MenuItem_2 = require("../../MenuItem");
const styled_1 = require("../../styled");
exports.StyledMenuItem = (0, styled_1.styled)(MenuItem_2.MenuItem) `
  cursor: ${({ selected }) => (selected ? 'auto' : 'pointer')};
  user-select: ${({ selected }) => (selected ? 'auto' : 'unset')};

  padding: ${({ theme }) => theme.microSpacing(3, 6)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding: ${({ theme }) => theme.microSpacing(5, 6)};

    &.${MenuItem_1.menuItemClasses.selected} {
      padding: ${({ theme }) => theme.microSpacing(3, 6)};
    }
  }
`;
exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
  justify-content: flex-start;
`;
