text: import { StyleSheet } from 'react-native'
  import { ApplicationStyles, Colors, Fonts, Metrics } from '../../Themes/'
  
  export default StyleSheet.create({
    ...ApplicationStyles.screen,
    container: {
      flex: 1
    },
    heading: {
      marginTop: 14,
      fontFamily: Fonts.type.bold,
      fontSize: 31,
      letterSpacing: 0.2,
      backgroundColor: Colors.transparent,
      color: Colors.snow
    },
    description: {
      textAlign: 'center',
      fontFamily: Fonts.type.medium,
      fontSize: 15,
      color: Colors.lightPurple,
      letterSpacing: 0.47,
      lineHeight: 23
    },
    tabsContainer: {
      flex: 1,
      backgroundColor: Colors.transparent,
      marginVertical: Metrics.doubleBaseMargin
    },
    tabs: {
      flexDirection: 'row'
    },
    tab: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      borderBottomWidth: 1,
      borderBottomColor: Colors.lightYellow,
      padding: Metrics.baseMargin
    },
    activeTab: {
      borderBottomColor: Colors.snow
    },
    tabText: {
      fontFamily: Fonts.type.base,
      fontSize: 15,
      lineHeight: 23,
      letterSpacing: 0.47,
      color: Colors.lightYellow
    },
    activeTabText: {
      fontWeight: '600',
      color: Colors.snow
    }
  })
  