// src/components/MediaCard/MediaCard.tsx import type { ReactNode } from "react"; import { Thumbnail } from "../Thumbnail/Thumbnail"; import type { ThumbnailProps } from "../Thumbnail/Thumbnail"; import styles from "./MediaCard.module.css"; export type MediaCardProps = { layout?: "tile" | "row"; href?: string; parentTitle?: string; title: string; meta?: string; /** Row layout only: upcoming airtime, rendered in text/positive. */ airtime?: string; /** Kebab, heart, trash… composed at the trailing edge. */ trailing?: ReactNode; loading?: boolean; thumbnail?: Omit; }; /** * One card for every landscape media context the old file split across * nine sets (media / history / watchlist / search / release rows…). * The context lives in the DATA (thumbnail state, meta line, trailing * actions), not in component variants. */ export function MediaCard({ layout = "tile", href, parentTitle, title, meta, airtime, trailing, loading = false, thumbnail, }: MediaCardProps) { if (loading) { return (

); } const Root = href ? "a" : "div"; return (

{parentTitle && {parentTitle}} {title} {meta && {meta}}

{airtime && layout === "row" && {airtime}} {trailing &&

{trailing}

} ); }