// src/components/VideoPlayer/PlayerGate.tsx import type { ReactNode } from "react"; import { Icon } from "../Icon/Icon"; import type { IconName } from "../Icon/Icon"; import styles from "./VideoPlayer.module.css"; export type PlayerGateProps = { /** Poster / key art. */ art?: ReactNode; title: string; body?: string; /** Stacked Buttons, outcome-named (the ConfirmDialog rule). */ actions?: ReactNode; }; /** * A blocking gate on the player (dub unavailable, stream limit, premium…). * One anatomy; the specific gate — including the promo-skinned premium * billboard — is content. Renders inside VideoPlayer's overlay slot. */ export function PlayerGate({ art, title, body, actions }: PlayerGateProps) { return ( ); } export type PlayerOverlayProps = { icon?: IconName; title: string; body?: ReactNode; actions?: ReactNode; }; /** Centered status overlay: error, mature, coming soon, unavailable. */ export function PlayerOverlay({ icon = "error", title, body, actions }: PlayerOverlayProps) { return (

{title} {body && {body}} {actions &&

{actions}

}

); }