import styled from '@emotion/styled';

export const DropdownMenuItemContainer = styled.div`
  --padding: ${({ theme }) => theme.spacing(1 / 2)};

  align-items: flex-start;
  display: flex;

  flex-direction: column;
  gap: 2px;
  height: 100%;
  max-height: 180px;
  overflow-y: auto;

  padding: var(--padding);
  width: calc(100% - 2 * var(--padding));
`;