export default function TabView()

in packages/@fbcmobile-ui/Components/TabView.js [28:55]

• 28 lines of code
• 3 McCabe index (conditional complexity)

export default function TabView(props: Props) {
  const {tabs, selectedTabId, onTabClicked} = props;
  return (
    <View>
      <ScrollView
        style={styles.root}
        horizontal={true}
        showsHorizontalScrollIndicator={false}>
        {tabs.map(tab => (
          <TouchableOpacity
            key={tab.id}
            onPress={() => onTabClicked(tab.id)}
            style={[
              styles.tab,
              tab.id === selectedTabId ? styles.selectedTab : null,
            ]}>
            <Text
              variant="h7"
              weight="bold"
              color={selectedTabId === tab.id ? 'regular' : 'gray'}>
              {tab.name.toUpperCase()}
            </Text>
          </TouchableOpacity>
        ))}
      </ScrollView>
    </View>
  );
}