How to use the kitsu/common/styles.commonStyles.text function in kitsu

swipeButtonInactive: {
    backgroundColor: colors.darkGrey,
  },
  swipeButtonText: {
    ...StyleSheet.flatten(commonStyles.text),
    ...StyleSheet.flatten(commonStyles.colorWhite),
    fontSize: 16,
  },
  titleSection: {
    alignContent: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '100%',
  },
  titleText: {
    ...StyleSheet.flatten(commonStyles.text),
    marginRight: MENU_BUTTON_WIDTH + 2, // for padding
  },
});

},
  swipeButton: {
    alignContent: 'flex-start',
    paddingLeft: 12,
    flex: 1,
    justifyContent: 'center',
    backgroundColor: colors.green,
  },
  swipeButtonActive: {
    backgroundColor: colors.green,
  },
  swipeButtonInactive: {
    backgroundColor: colors.darkGrey,
  },
  swipeButtonText: {
    ...StyleSheet.flatten(commonStyles.text),
    ...StyleSheet.flatten(commonStyles.colorWhite),
    fontSize: 16,
  },
  titleSection: {
    alignContent: 'center',
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '100%',
  },
  titleText: {
    ...StyleSheet.flatten(commonStyles.text),
    marginRight: MENU_BUTTON_WIDTH + 2, // for padding
  },
});

commonStyles.colorWhite,
                styles.titleText]}
              >
                {title}
              
            
          )}

          
            
            {showProfileImage &&
              
            }
            {showFollowButton &&
              
            }
          

          {showFollowButton && (
            
              
            
          )}

{tabs.map((tab, i) => (
       goToPage(i)}
        style={styles.tab}
      >
        
      
    ))}

const SidebarTitle = ({ title, style }) => (
  
);

const { value, onChangeText, showClearButton, ...restProps } = this.props;

    return (

const messageMapping = {
      current: { anime: 'watching', manga: 'reading' },
      planned: { anime: 'planned', manga: 'planned' },
      completed: { anime: 'complete', manga: 'complete' },
      on_hold: { anime: 'on hold', manga: 'on hold' },
      dropped: { anime: 'dropped', manga: 'dropped' },
    };

    const messagePrefix = isIdForCurrentUser(profile.id, currentUser)
      ? "You haven't"
      : `${profile.name} hasn't`;

    return (
      
    );
  };

const messageMapping = {
      current: { anime: 'watching', manga: 'reading' },
      planned: { anime: 'planned', manga: 'planned' },
      completed: { anime: 'complete', manga: 'complete' },
      on_hold: { anime: 'on hold', manga: 'on hold' },
      dropped: { anime: 'dropped', manga: 'dropped' },
    };

    const messagePrefix = isIdForCurrentUser(profile.id, currentUser)
      ? "You haven't"
      : `${profile.name} hasn't`;

    return (
      
    );
  };

borderBottomRightRadius: 10,
    borderTopRightRadius: 10,
  },
  counterStatusContainer: {
    alignItems: 'center',
    borderBottomWidth: 1,
    borderColor: colors.lightGrey,
    borderTopWidth: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    paddingHorizontal: 15,
    minWidth: 80,
    maxWidth: 80,
  },
  manualEditTextInput: {
    ...StyleSheet.flatten(commonStyles.text),
    borderWidth: 1,
    borderColor: colors.lightGrey,
    color: '#000000',
    padding: 3,
    textAlign: 'center',
  },
  progressText: {
    ...StyleSheet.flatten(commonStyles.text),
    ...StyleSheet.flatten(commonStyles.colorLightGrey),
    fontWeight: '400',
  },
  statusText: {
    ...StyleSheet.flatten(commonStyles.text),
    fontWeight: '400',
  },
});

flexDirection: 'row',
    justifyContent: 'center',
    paddingHorizontal: 15,
    minWidth: 80,
    maxWidth: 80,
  },
  manualEditTextInput: {
    ...StyleSheet.flatten(commonStyles.text),
    borderWidth: 1,
    borderColor: colors.lightGrey,
    color: '#000000',
    padding: 3,
    textAlign: 'center',
  },
  progressText: {
    ...StyleSheet.flatten(commonStyles.text),
    ...StyleSheet.flatten(commonStyles.colorLightGrey),
    fontWeight: '400',
  },
  statusText: {
    ...StyleSheet.flatten(commonStyles.text),
    fontWeight: '400',
  },
});