text: 
  export const extraSmallFont = {
          titleText: 14,
          contentText: 12,
          iconSize: 16,
          verseText: 8,
          emptyIconSize: 34,
          settingsIcon: 18,
          chevronIconSize: 36,
          bottomBarText: 10,
          lineHeight: 22,
  };
  
  export const smallFont = {
          titleText: 16,
          contentText: 14,
          iconSize: 18,
          verseText: 12,
          emptyIconSize: 38,
          settingsIcon: 22,
          chevronIconSize: 40,
          bottomBarText: 12,
          lineHeight: 26,
  };
  
  export const mediumFont = {
          titleText: 20,
          contentText: 16,
          iconSize: 22,
          verseText: 16,
          emptyIconSize: 42,
          settingsIcon: 26,
          chevronIconSize: 44,
          bottomBarText: 14,
          lineHeight: 30,
  }
  export const largeFont = {
          titleText: 24,
          contentText: 20,
          iconSize: 26,
          verseText: 20,
          emptyIconSize: 46,
          settingsIcon: 30,
          chevronIconSize: 48,
          bottomBarText: 16,
          lineHeight: 34,
  };
  
  export const extraLargeFont = {
          titleText: 28,
          contentText: 30,
          iconSize: 30,
          verseText: 24,
          emptyIconSize: 50,
          settingsIcon: 34,
          chevronIconSize: 42,
          bottomBarText: 16,
          lineHeight: 38,
  };
  
  export const constantFont = {
          iconSmall: 24,
          iconMedium: 28,
          iconLarge: 34,
          emptyIconSize: 36,
          verseText: 24
  }
  
  
  