// InGameChip — click-to-copy button for an EVE in-game chat channel name.
function InGameChip({ name }) {
  const [copied, setCopied] = React.useState(false);
  const onCopy = async () => {
    try {
      await navigator.clipboard.writeText(name);
    } catch {
      // Fallback for insecure contexts / older browsers.
      const ta = document.createElement('textarea');
      ta.value = name; ta.style.position = 'fixed'; ta.style.opacity = '0';
      document.body.appendChild(ta); ta.select();
      try { document.execCommand('copy'); } catch {}
      document.body.removeChild(ta);
    }
    setCopied(true);
    setTimeout(() => setCopied(false), 1400);
  };
  return (
    <button type="button" className="ingame-chip" onClick={onCopy} title="Copy channel name">
      <span className="ingame-chip-name">{name}</span>
      <span className="ingame-chip-action">{copied ? 'COPIED ✓' : 'COPY'}</span>
    </button>
  );
}
window.InGameChip = InGameChip;