Copy to Clipboard Button

import { useState } from 'react';
export function CopyButton({ text }) {
  const [copied, setCopied] = useState(false);
  const copy = async () => {
    await navigator.clipboard.writeText(text);
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  };
  return (
    <button onClick={copy} className='px-3 py-1 rounded-lg border text-sm'>
      {copied ? 'Copied!' : 'Copy'}
    </button>
  );
}