30 lines
910 B
JavaScript
30 lines
910 B
JavaScript
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">© 2025 | Yousif Paulus</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Mail;
|