// src/components/PosterCard/PosterCard.tsx import type { ReactNode } from "react"; import { Checkbox } from "../Checkbox/Checkbox"; import { Thumbnail } from "../Thumbnail/Thumbnail"; import type { ThumbnailProps } from "../Thumbnail/Thumbnail"; import styles from "./PosterCard.module.css"; export type PosterCardProps = { href?: string; title: string; /** Meta slot: text, a StarRating row, a date — the old Metadata axis as data. */ meta?: ReactNode; trailing?: ReactNode; /** Select mode (edit history / crunchylists): a real checkbox over the poster. */ selectable?: boolean; selected?: boolean; onSelectChange?: (selected: boolean) => void; loading?: boolean; thumbnail?: Omit; }; /** The old 162-variant Series Card: one poster tile, contexts as data. */ export function PosterCard({ href, title, meta, trailing, selectable = false, selected = false, onSelectChange, loading = false, thumbnail, }: PosterCardProps) { if (loading) { return (

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

{selectable && (

onSelectChange?.(e.currentTarget.checked)} aria-label={`Select ${title}`} />

)}

{title} {trailing &&

{trailing}

}

{meta &&

{meta}

} ); }