import Styles from "@/constants/Styles";
import { Ionicons, Feather } from "@expo/vector-icons";
import { Text, View } from "react-native";

type Props = {
   title: string
   user: string
   date: string
}

export default function DiscussionItem({ title, user, date }: Props) {
   return (
      <View style={[Styles.wrapItemDiscussion]}>
         <View style={[Styles.rowItemsCenter, Styles.mb10]}>
            <Ionicons name="chatbox-ellipses-outline" size={22} color="black" style={Styles.mr10} />
            <Text style={{ fontWeight: 'bold' }}>{title}</Text>
         </View>
         <View style={Styles.rowSpaceBetween}>
            <View style={Styles.rowItemsCenter}>
               <Feather name="user" size={18} color="grey" style={Styles.mr05} />
               <Text style={[Styles.textInformation]}>{user}</Text>
            </View>
            <View style={Styles.rowItemsCenter}>
               <Feather name="clock" size={18} color="grey" style={Styles.mr05} />
               <Text style={[Styles.textInformation]}>{date}</Text>
            </View>
         </View>
      </View>
   )
}