import { Platform } from 'react-native';
import normalizeText from '../../../helpers/normalizeText';

const isWeb = Platform.OS === 'web';

const FONT_SIZE = isWeb ? 16.0 : normalizeText(13.0);

const FONT_FAMILY = 'Be Vietnam Pro';

const HEADER_5 = FONT_SIZE * 0.83;
const HEADER_4 = FONT_SIZE * 1.0;
const HEADER_3 = FONT_SIZE * 1.17;
const HEADER_2 = FONT_SIZE * 1.5;
const HEADER_1 = FONT_SIZE * 2.0;

const typography = {
  FONT_SIZE: FONT_SIZE,
  FONT_FAMILY: FONT_FAMILY,
  HEADER_5: HEADER_5,
  HEADER_4: HEADER_4,
  HEADER_3: HEADER_3,
  HEADER_2: HEADER_2,
  HEADER_1: HEADER_1,
};

export default typography;