albert.lol/components/Icon.tsx

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>
  );
};