import Link from "next/link";
import toast from "react-hot-toast";
import copy from "copy-to-clipboard";

type Icon = {
  children: any;
  reference: string;
  copyValue?: boolean;
};

const notify = () => {
  toast.remove(),
    toast.success("Copied to clipboard", {
      style: {
        background: "#0f1012",
        color: "#fff",
        fontSize: "1em",
      },
    });
};

export const Icon = ({ children, reference, copyValue }: Icon) => {
  if (copyValue) {
    return (
      <a
        className={`cursor-pointer`}
        onClick={() => {
          notify(), copy(reference);
        }}
      >
        {children}
      </a>
    );
  }

  return (
    <Link href={reference}>
      <a target="_blank" className={`cursor-pointer`}>
        {children}
      </a>
    </Link>
  );
};