import { useState } from 'react'; import { Button } from './ui'; /** Copyable overlay (read-only, for OBS) and control (co-edit, no login) links. */ export function ShareLinks({ overlayToken, controlToken }: { overlayToken: string; controlToken: string }) { const origin = location.origin; return (
Share

Add the overlay URL as a Browser Source in OBS. The control link lets someone else update the score live without an account.

); } function LinkRow({ label, url }: { label: string; url: string }) { const [copied, setCopied] = useState(false); const copy = async () => { await navigator.clipboard.writeText(url); setCopied(true); setTimeout(() => setCopied(false), 1500); }; return (
{label}
); }