'use client';
import { useState } from 'react';
export function CopyLink({ value }: { value: string }) {
  const [ok, setOk] = useState(false);
  return (
    <div className="flex items-center gap-2 border border-ink/25 bg-white p-1 pl-2.5">
      <span className="min-w-0 flex-1 truncate text-[14px] num">{value}</span>
      <button type="button" onClick={() => { navigator.clipboard.writeText(value).then(() => { setOk(true); setTimeout(() => setOk(false), 1600); }); }} className="btn-ink btn-sm shrink-0">{ok ? 'Kopyalandı' : 'Kopyala'}</button>
    </div>
  );
}