Text.tsx

import { appTheme } from 'themes/ThemeInterface';

const Text = styled.Text`
  font-family: 'AkkuratPro-Regular';
  color: ${appTheme.colors.textPrimary};
  font-size: 12;
`;

const H1 = styled(Text)`
  font-size: 36;
`;

const H2 = styled(Text)`
  font-size: 32;
`;

const H3 = styled(Text)`
  font-size: 30;
`;

const H4 = styled(Text)`
  font-size: 22;
`;

const H5 = styled(Text)`
  font-size: 20;
`;

const H6 = styled(Text)`
  font-size: 18;
`;

export { Text, H1, H2, H3, H4, H5, H6 };