"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledDivider = exports.StyledMenuList = exports.DisplayNameMenuItem = exports.ExitMenuItem = exports.StyledMenu = void 0;
const Menu_1 = require("@mui/material/Menu");
const Divider_1 = require("../../Divider");
const Menu_2 = require("../../Menu");
const MenuItem_1 = require("../../MenuItem");
const MenuList_1 = require("../../MenuList");
const styled_1 = require("../../styled");
exports.StyledMenu = (0, styled_1.styled)(Menu_2.Menu) `
  & .${Menu_1.menuClasses.paper} {
    min-width: 200px;
    max-width: 300px;
  }
`;
exports.ExitMenuItem = (0, styled_1.styled)(MenuItem_1.MenuItem, {
    shouldForwardProp: (prop) => !['$exitButton'].includes(prop),
}) `
  display: ${({ $exitButton }) => $exitButton === false && 'none'};
`;
exports.DisplayNameMenuItem = styled_1.styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(2)};

  padding: ${({ theme }) => theme.spacing(3)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
exports.StyledMenuList = (0, styled_1.styled)(MenuList_1.MenuList) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    &.MuiList-root {
      border-radius: 0;
    }
  }
`;
exports.StyledDivider = (0, styled_1.styled)(Divider_1.Divider) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
   display: none;
  }
`;
