minibits_wallet/src/theme/typography.ts

// TODO: write documentation about fonts and typography along with guides on how to add custom fonts in own
// markdown file and add links from here

import {Platform} from 'react-native'

const fonts = {
  helveticaNeue: {
    // iOS only font.
    thin: 'HelveticaNeue-Thin',
    light: 'HelveticaNeue-Light',
    normal: 'Helvetica Neue',
    medium: 'HelveticaNeue-Medium',
    bold: 'HelveticaNeue-Bold',
  },
  courier: {
    // iOS only font.
    normal: 'Courier',
  },
  sansSerif: {
    // Android only font. Bold is achieved via fontWeight: 'bold' / '700' in styles,
    // not a separate family name — 'sans-serif-bold' does not work on modern Android.
    thin: 'sans-serif-thin',
    light: 'sans-serif-light',
    normal: 'sans-serif',
    medium: 'sans-serif-medium',
    bold: 'sans-serif',  // use fontWeight: 'bold' alongside this
  },
  monospace: {
    // Android only font.
    normal: 'monospace',
  },
  hammersmithOne: {
    normal: 'HammersmithOne-Regular',
  }
}

export const typography = {
  /**
   * The fonts are available to use, but prefer using the semantic name.
   */
  fonts,
  /**
   * The primary font. Used in most places.
   */
  primary: Platform.select({
    ios: fonts.helveticaNeue,
    android: fonts.sansSerif,
  }),
  /**
   * An alternate font used for perhaps titles and stuff.
   */
  secondary: Platform.select({
    ios: fonts.helveticaNeue,
    android: fonts.sansSerif,
  }),
  /**
   * Lets get fancy with a monospace font!
   */
  code: Platform.select({ios: fonts.courier, android: fonts.monospace}),
  logo: fonts.hammersmithOne,
}