import { space } from '../global/space';
import { fontSizes, lineHeights, fontWeights } from '../global/typography';
import { systemPalette } from '../global/colors';

const statisticColors = {
  titleWhite: systemPalette.lightText,
  titleText: systemPalette.subduedText,
  contentWhite: systemPalette.lightText,
  contentText: systemPalette.text,
};

const statisticFontWeights = {
  content: fontWeights.semiBold,
};

const statisticFontSizes = {
  title: `${fontSizes.medium}px`,
  content: `${fontSizes.xxxlarge}px`,
};

const statisticLineHeights = {
  default: `${lineHeights.medium}px`,
};

const statisticSpace = {
  titleWrapperMargin: `0 0 ${space.small}px 0`,
  prefixWrapperMargin: `0 ${space.xsmall}px 0 0`,
  suffixWrapperMargin: `0 0 0 ${space.xsmall}px`,
};

export {
  statisticColors,
  statisticFontWeights,
  statisticFontSizes,
  statisticLineHeights,
  statisticSpace,
};