import Styles from "@/constants/Styles";
import { Pressable, Text, View } from "react-native";

type Props = {
   title: string
   subtitle?: string
   icon: React.ReactNode
   desc?: string
   onPress?: () => void
}

export default function BorderBottomItem({ title, subtitle, icon, desc, onPress }: Props) {
   return (
      <Pressable style={[Styles.wrapItemBorderBottom]} onPress={onPress}>
         <View style={[Styles.rowItemsCenter]}>
            {icon}
            <View style={[Styles.rowSpaceBetween]}>
               <View style={[Styles.ml10]}>
                  <Text style={[Styles.textDefaultSemiBold]}>{title}</Text>
                  <Text style={[Styles.textMediumNormal]}>{subtitle}</Text>
               </View>
               <Text style={[Styles.textInformation]}>3 Feb 2025</Text>
            </View>

         </View>
         {desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify' }]}>{desc}</Text>}
      </Pressable>
   )
}