export default function ListItem()

in packages/@fbcmobile-ui/Components/ListItem.js [31:73]

• 42 lines of code
• 5 McCabe index (conditional complexity)

export default function ListItem(props: Props) {
  const {
    children,
    onItemClicked,
    hideDivider,
    fullWidth,
    style,
    dividerStyle,
  } = props;
  const itemContainerStyles =
    fullWidth === true
      ? StyleSheet.compose(
          {
            ...styles.itemContainer,
            ...styles.fullWidth,
          },
          style,
        )
      : StyleSheet.compose(styles.itemContainer, style);
  const dividerStyles =
    fullWidth === true
      ? StyleSheet.compose(
          {
            ...styles.divider,
            ...styles.dividerFullWidth,
          },
          dividerStyle,
        )
      : StyleSheet.compose(styles.divider, dividerStyle);

  return (
    <View>
      {onItemClicked ? (
        <TouchableOpacity style={itemContainerStyles} onPress={onItemClicked}>
          {children}
        </TouchableOpacity>
      ) : (
        <View style={itemContainerStyles}>{children}</View>
      )}
      {hideDivider ? null : <Divider style={dividerStyles} />}
    </View>
  );
}