interface ChannelNumberOverlayProps {
  channelInput: string;
}

export function ChannelNumberOverlay({ channelInput }: ChannelNumberOverlayProps) {
  if (!channelInput) return null;
  return (
    <div className="pointer-events-none absolute left-1/2 top-1/2 z-30 -translate-x-1/2 -translate-y-1/2 rounded-xl bg-black/80 px-8 py-5 text-center backdrop-blur">
      <p className="mb-1 text-[10px] uppercase tracking-widest text-zinc-500">
        Channel
      </p>
      <p className="font-mono text-5xl font-bold text-white">{channelInput}</p>
    </div>
  );
}