import { menuItemClasses } from '@mui/material/MenuItem';
import { Button } from '../../Button';
import { MenuItem } from '../../MenuItem';
import { styled } from '../../styled';
export const StyledMenuItem = styled(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)};

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