import * as React from "react";
/**
 * Program / episode poster card with 16:9 thumbnail, hover play, badge + progress bar.
 * @dsCard components/media/media.card.html
 * @startingPoint section="Media" subtitle="Program poster card grid item" viewport="700x300"
 */
export interface ShowCardProps extends React.HTMLAttributes<HTMLDivElement> {
  title?: string;
  meta?: string;
  /** Corner flag, e.g. "New", "Live" */
  badge?: string;
  /** Thumbnail image URL (falls back to a brand gradient) */
  image?: string;
  duration?: string;
  /** 0–100 continue-watching progress */
  progress?: number;
  onClick?: () => void;
}
export function ShowCard(props: ShowCardProps): JSX.Element;