Files
nirvana-v3/packages/web/components/footer/index.tsx
2022-04-20 14:27:51 -05:00

29 lines
885 B
TypeScript

import FullMottoLogo from "../../../components/logo/fullMotto";
import { toast } from "react-toastify";
import { useCallback } from "react";
const contactEmailAddress = "[email protected]";
export default function Footer() {
const copyToClipboard = useCallback(() => {
navigator.clipboard.writeText(contactEmailAddress);
toast.success("copied to clipboard");
}, []);
return (
<div className="container mx-auto max-w-screen-xl flex md:flex-row flex-col justify-between mt-auto items-center px-10">
<span className="text-center">
<span className="text-zinc-400 text-sm">Wanna chat? </span>
<span
className="font-bold text-white cursor-pointer"
onClick={copyToClipboard}
>
{contactEmailAddress}
</span>
</span>
<FullMottoLogo className="text-center scale-50" />
</div>
);
}