// @flow
import type { ThemeProps } from '../../../../types';
import { getPaletteColor } from '../../../../mixins/branding';

export const getSearchResultPadding = ({ large }: {| large: boolean |}) =>
  large ? '13px 30px' : '12px 20px';

export const getSearchResultColor = ({
  selected,
  theme,
}: {|
  ...ThemeProps,
  selected: boolean,
|}) =>
  selected
    ? getPaletteColor('white')({ theme })
    : getPaletteColor('greyscale-black')({ theme });

export const getSearchResultBackground = ({
  selected,
  theme,
}: {|
  ...ThemeProps,
  selected: boolean,
|}) =>
  selected
    ? getPaletteColor('brand-secondary-fg')({ theme })
    : getPaletteColor('white')({ theme });
