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

type Props = ThemeProps & TypographyProps;
export const getH1FontSize = ({ theme, fontSize = 'f5' }: Props) =>
  getFontSize({ theme, fontSize });
export const getH2FontSize = ({ theme, fontSize = 'f4' }: Props) =>
  getFontSize({ theme, fontSize });
export const getH3FontSize = ({ theme, fontSize = 'f3' }: Props) =>
  getFontSize({ theme, fontSize });
export const getH4FontSize = ({ theme, fontSize = 'f2' }: Props) =>
  getFontSize({ theme, fontSize });
export const getH5FontSize = ({ theme, fontSize = 'f1' }: Props) =>
  getFontSize({ theme, fontSize });
export const getHFontFamily = ({ theme }: Props) =>
  getFontFamily({ theme, bold: true, face: 'sans' });

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