import type { GlobalTheme } from '../global';

const getSelectTheme = (theme: GlobalTheme) => {
  const space = {
    minimumOptionListHeight: theme.space.xxxxlarge * 5,
    sectionSpacing: theme.space.smallMedium,
    optionSpacing: theme.space.xsmall,
    optionListHorizontalPadding: theme.space.smallMedium,
    searchBarMarginTopSpacing: theme.space.small,
    searchBarHorizontalSpacing: theme.space.medium,
    searchBarBottomSpacing: theme.space.small,
    singleSelectContentPaddingBottom: theme.space.medium,
    suffixMarginRight: theme.space.smallMedium,
  };

  const radii = {
    option: theme.radii.base,
  };

  return { space, radii };
};

export default getSelectTheme;