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

export const getForegroundFont = ({ theme }: ThemeProps) =>
  getFontFamily({ theme, bold: true });

export const getHoverBackgroundColor = (props: ThemeProps) =>
  Color(getPaletteColor('brand-primary-fg')(props)).darken(0.2);
