import { fontSizes, lineHeights } from '../global/typography';

import { space } from '../global/space';

const selectSizes = {
  menuMaxHeight: '250px',
  itemsPerPageInputWidth: '65px',
};

const selectSpace = {
  menuCategoryPadding: `${space.xsmall}px ${space.small}px`,
  menuCheckmarkMarginLeft: `${space.small}px`,
  loadingIconPaddingRight: `${space.xsmall}px`,
};

const selectFontSizes = {
  menuCategory: `${fontSizes.small}px`,
};

const selectLineHeights = {
  menuCategory: `${lineHeights.small}px`,
};

export { selectSizes, selectSpace, selectFontSizes, selectLineHeights };