import { VideoBlock } from "@/components/registry/blocks/video-block"; import { TypographyMuted, TypographySmall, } from "@/components/registry/primitives/core/typography"; import { type ImageSource, NextImage, } from "@/components/registry/primitives/editables/image"; import { getSourceText } from "@/components/registry/primitives/editables/source-normalizers"; import { Text, type TextSource, } from "@/components/registry/primitives/editables/text"; import { cn } from "@/lib/registry/cn"; export interface MediaItemFigureProps { /** * Image source — wins over `videoUrl` when present. Pass the * Sitecore field directly; emptiness is handled internally so the * caller can stay declarative. */ image?: ImageSource; /** * Video URL — rendered via `VideoBlock` when no image is supplied. * Authors set this on the underlying media-item-style record. */ videoUrl?: string; /** * Optional video poster / thumbnail URL. When present, the * underlying `VideoBlock` opts into autoplay + muted + inline * playback with this image as its `poster` — yields the inline * looping-thumbnail pattern used in the gallery variants. */ thumbnailUrl?: string; /** * Title text rendered as the figcaption's primary line and also * used as the accessible `

Media Item Figure

Showcase

Media Item Figure