Copy To Clipboard

export function copyToClipBoard(text: string){
    navigator.clipboard.writeText(text).then(
        () => {
            alert('copied');
        },
        () =>{
            alert('cannot copy');
        }
    )
}

function BlogCard() {
    const text: string = "This is CopyToClipboard Util Function";
 
    const copyHandle = () => {
        copyToClipBoard(text)
    }
 
    return (
        <>
            <p>{text}</p>
            <button
                onClick={copyHandle}
            >
                Copy
            </button>
        </>
    )
}