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

type Props = {
   text: string;
   isSelected: boolean;
   isSign: boolean;
   onPress?: () => void;
}


export default function ItemDateCalendar({ text, isSelected, isSign, onPress }: Props) {
   const { colors } = useTheme()
   return (
      <>
         <Pressable style={{ alignItems: 'center' }} onPress={onPress}>
            <Text style={[isSelected ? Styles.cWhite : { color: colors.text }]}>{text}</Text>
            <View style={[Styles.signDate, { backgroundColor: isSign ? 'red' : 'transparent' }]}></View>
         </Pressable>
      </>
   )
}