import { font, fontWeight as getFontWeight } from './theme';

export function getFontAttributes({ fontFamilyThemeKey, fontWeight: _fontWeight, theme }) {
  let fontWeight = getFontWeight({ fontFamily: fontFamilyThemeKey, fontWeight: _fontWeight })({ theme });
  let fontFamily = font(fontFamilyThemeKey)({ theme });

  if (typeof fontWeight === 'object') {
    fontFamily = `${fontFamily}${fontWeight.fontFamilySuffix ? `${fontWeight.fontFamilySuffix}` : ''}`;
    fontWeight = fontWeight.fontWeight || 'normal';
  }

  return {
    fontFamily,
    fontWeight,
  };
}

export function getFontStyles({ fontWeight: _fontWeight, fontFamily: _fontFamilyThemeKey = 'default' }) {
  return ({ theme, ...props }) => {
    const fontFamilyThemeKey = props.font || props.fontFamily || _fontFamilyThemeKey;

    const { fontFamily, fontWeight } = getFontAttributes({ fontFamilyThemeKey, fontWeight: _fontWeight, theme });

    return `
      ${fontFamily ? `font-family: ${fontFamily};` : ''}
      font-weight: ${fontWeight};
    `;
  };
}