// @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 getTitleFontSize = ({ theme }: Props) =>
  getFontSize({ theme, fontSize: 'f5' });
export const getHFontFamily = ({ theme }: Props) =>
  getFontFamily({ theme, bold: true, face: 'sans' });

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