import Link from "next/link";

import classes from "./mailbox-email.module.scss";
import { cn } from "../../lib/utils";

const MailboxEmail = () => {
  return (
    <Link
      href={"mailto:jake+home@uln.industries"}
      className={classes.mailboxContainer}
    >
      <div
        className={cn(
          "flex justify-center items-center",
          classes.mailboxContent,
        )}
      >
        <div>jake</div>
        <pre style={{ fontFamily: "monospace", lineHeight: 1 }}>
          {" "}
          {`
 ┌―――――――┐
 │    ▓▓️ │
 │ ==    │
 │ ====  │
 └―――――――┘ 
        `}
        </pre>
        <div>uln.industries</div>
      </div>
    </Link>
  );
};

export default MailboxEmail;