// @flow
import { getPaletteColor } from '../../../../mixins/branding';
import {
  getFontFamily,
  getFontSize,
  getFontWeight,
} from '../../../../mixins/typography';
import type { PatchworkTheme } from '../../../../themes';
import type { ThemeProps } from '../../../../types';

export const getDisabledLabelTextColor = ({ theme }: ThemeProps) =>
  getPaletteColor('greyscale-medium')({ theme });

export const getPrimaryLabelFontSize = ({
  theme,
  large,
}: {|
  theme: PatchworkTheme,
  large: boolean,
|}) =>
  getFontSize({
    theme,
    fontSize: large ? 'f3' : 'f1',
  });

export const getPrimaryLabelFontFamily = getFontFamily;

export const getPrimaryLabelFontWeight = ({ large }: {| large: boolean |}) =>
  getFontWeight({ bold: large });

export const getBoxPadding = ({ large }: {| large: boolean |}) =>
  large ? '8px 30px' : '0 20px';
