'use client'
import { useState } from 'react'

export default function CopyButton({ text }: { text: string }) {
  const [ok, setOk] = useState(false)
  return (
    <button className="btn-primary" onClick={async () => {
      try {
        if (navigator.share) await navigator.share({ url: text })
        else { await navigator.clipboard.writeText(text); setOk(true); setTimeout(() => setOk(false), 1800) }
      } catch { /* el usuario canceló */ }
    }}>{ok ? '¡Copiado!' : 'Compartir'}</button>
  )
}