import React from "react";
import "../css/Mail.css";
import { useState } from "react";
import EnvelopeIcon from "../assets/icons/navIcons/envelope.svg?react";
import { useTheme } from "../Context/ThemeContext";

const Mail = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
  const [animation, setAnimation] = useState(initialAnimation);
  const emailUser = "yousif.paulus";
  const domain = "hotmail.de";

  const { colormode } = useTheme();

  return (
    <div
      className={`eMail container animate__animated ${animation} ${colormode}`}
      /*    onMouseEnter={() => onMouseEnter(setAnimation)} */
      onAnimationEnd={() => onAnimationEnd(setAnimation)}
    >
      <a
        className="emailAnchor"
        href="mailto:yousif.paulus@hotmail.de"
      >{`${emailUser}@${domain}`}</a>
      <p className="copyright">&copy; 2025 | Yousif Paulus</p>
    </div>
  );
};

export default Mail;