import Button from '@/components/Button';
import { InformationContext } from '@/contexts/InformationContext';
import { InformationContext2 } from '@/contexts/InformationContext2';
import { getIconPath } from '@/constants/constants';
import { useFocusEffect } from '@react-navigation/native';
import React, { useContext, useEffect, useState } from 'react';
import { View, Modal, Text, TouchableOpacity, Dimensions, Image } from 'react-native';
import AppText from '../AppText';
import i18n from '@/i18n/config';

interface PopupProps {
  isVisible: boolean;
  onClose: () => void;
  popUpText?: string;
}

const Popup: React.FC<PopupProps> = ({ isVisible, onClose, popUpText }) => {
  const screenHeight = Dimensions.get('window').height;
  const popupHeight = screenHeight * 0.8;
  const { infoText, setinfoText } = useContext(InformationContext);
  const { infoText2, setinfoText2 } = useContext(InformationContext2);





  return (
    <Modal visible={isVisible} transparent>
      <View
        style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: 'rgba(0, 0, 0, 0.5)',
        }}
      >
        <View
          style={{
            backgroundColor: 'white',
            borderRadius: 10,
            padding: 16,
            justifyContent: 'center',
            alignItems: 'center', // Added alignItems to center the content horizonta
          }}
        >
          {popUpText ? (
            <AppText text={popUpText} />
          ) : (
            <>
              <AppText text={i18n.t('error.erreur')} />
              <AppText text={i18n.t('error.message')} />
            </>
          )}

          <Button text={'FERMER'} isSelected onPress={onClose} />
        </View>
      </View>
    </Modal>
  );
};

export default Popup;