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