useCopyToClipboard

import { useCopyToClipboard } from '@usegrand/react-hokss';

function CopyButton({ text }) {
  const { copy, copied, error, history } = useCopyToClipboard({ 
    trackHistory: true, 
    maxHistorySize: 5 
  });

  return (
    <div>
      <button onClick={() => copy(text)}>
        {copied ? 'Copied!' : 'Copy'}
      </button>
      {error && <p>Error: {error}</p>}
      {history.length > 0 && (
        <ul>
          {history.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      )}
    </div>
  );
}