import React from 'react'
import { Text, View, StyleSheet } from 'react-native'
import { TextStyles } from '../Styles'
import { colors } from '../Colors'

interface ListItemProps {
  title: string
}

const Styles = StyleSheet.create({
  title: {
    ...TextStyles.bodyHeader,
    color: colors.white,
    paddingBottom: 4,
  },
})

export const ListItemTitle: React.FC<ListItemProps> = ({ title }) => (
  <View>
    <Text style={Styles.title} numberOfLines={1} ellipsizeMode="tail">
      {title}
    </Text>
  </View>
)