import { styled } from '../../../styles';

export const Item = styled.li(({ theme }) => ({
  minWidth: '150px',
  '> *': {
    display: 'flex',
    alignItems: 'center',
    padding: '5px 10px',
    height: '32px',
    color: theme.colors.placeholder,
    textDecoration: 'none',
    fontSize: theme.fontSizes[1],
    '&:hover': {
      color: theme.colors.brandMain,
    },
  },
}));
