import "./media_card.css"; import type * as React from "react"; import { useRender } from "@base-ui/react/use-render"; import { type IconName } from "./icon"; import { type StyleProps } from "./style_props"; interface MediaCardProps extends StyleProps { mimeType: string; filename: string; /** Icon rendered in the body — typically "play" for video or "music" for audio. */ icon: IconName; size?: number; onPress?: () => void; /** The press TOGGLES a state and this is it — announced as `aria-pressed`, * `false` included, because an unpressed toggle that says nothing announces * as an ordinary button. Omit wherever the press does something else. */ pressed?: boolean; /** Drawn over the whole tile — an upload scrim, a status wash. */ overlay?: React.ReactNode; /** Accessible name for the tile. Defaults to `filename` (which the card also shows). */ accessibilityLabel?: string; testID?: string; ref?: React.Ref; render?: useRender.RenderProp; } /** * Playable-media preview card: colored body with a large icon (play/music) + * footer with filename and type label. Visual counterpart to DocumentCard * for videos and audio files. */ export declare function MediaCard(props: MediaCardProps): React.ReactElement>; export {};