/** * THE center media glyphs — the single visual identity for every play/unmute * affordance over video, across the whole project: a SOLID WHITE GLYPH * (`text-ods-text-primary`), NO background disc, with a soft drop-shadow for * legibility over arbitrary frames. Accent color appears ONLY while the * icon's own control is hovered (hosts pass `group-hover:text-ods-accent`; * mux-player controls get the same via `::part(button):hover` in * styles/app-globals.css). * * Glyphs come from THE icon system — never inline SVG paths here: * PlayFilledIcon / VolumeOffFilledIcon (components/icons — the FILLED * media-chrome-matching glyphs, so custom affordances are pixel-identical to * MuxPlayer's native center button on real players). * * Consumers: * - resting/paused posters (md) * - poster (lg) * - video thumbnails (sm) * - 's unmute chip (VideoUnmuteGlyph, md) * - MuxPlayer's native center pre-play button is stripped to the same bare * glyph language via CSS (see styles/app-globals.css). */ import React from 'react'; export type VideoCenterBadgeSize = 'sm' | 'md' | 'lg'; export interface VideoPlayBadgeProps { size?: VideoCenterBadgeSize; className?: string; } /** Bare play glyph (the icon system's PlayIcon). Decorative * (`pointer-events-none`) — the host surface owns activation. */ export declare function VideoPlayBadge({ size, className }: VideoPlayBadgeProps): React.ReactElement; export interface VideoUnmuteGlyphProps { size?: VideoCenterBadgeSize; className?: string; } /** Bare muted-volume glyph (the icon system's VolumeOffFilledIcon). Rendered * by FilePlayer's unmute button; exported here so play + unmute share one * identity. */ export declare function VideoUnmuteGlyph({ size, className }: VideoUnmuteGlyphProps): React.ReactElement; //# sourceMappingURL=video-center-badge.d.ts.map