import type { ConnectionStatus } from '@/lib/game';
import { cn } from '@/lib/cn';
import s from '../tv.module.css';
/** Full-stage overlay while the host has paused the event. */
export function PausedOverlay() {
return (
Paused by the host
Hang tight: the game picks up right where it left off.
);
}
/** Subtle corner pill while the socket is down; the TV keeps showing the last known state. */
export function ConnectionPill({ status }: { status: ConnectionStatus }) {
if (status !== 'reconnecting' && status !== 'offline') return null;
return (
{status === 'offline' ? 'Connection lost · retrying' : 'Reconnecting…'}
);
}