import { CSSProperties } from 'react';

interface VideoViewerProps {
    /**
     * How much to fetch before playback is requested.
     *
     * Defaults to `"metadata"` — duration and the scrubber, nothing more. With no
     * attribute the browser decides, and Chrome decides `"auto"` for audio, which
     * means simply RENDERING the component downloads the whole file. Measured on
     * the Fancy showcase: one audio tile on the package grid transferred 995 KB
     * before anyone pressed play.
     *
     * Pass `"none"` for a thumbnail that should cost nothing, or `"auto"` to
     * restore the eager behaviour deliberately.
     */
    preload?: "none" | "metadata" | "auto";
    /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
    src: string;
    /** Poster image shown before playback. */
    poster?: string;
    /** Show native playback controls (default `true`). */
    controls?: boolean;
    /** Autoplay on mount (most browsers require `muted` too). */
    autoPlay?: boolean;
    /** Loop playback (default `false`). */
    loop?: boolean;
    /** Start muted (default `false`). */
    muted?: boolean;
    /** How the video fits its box: `"contain"` (default) or `"cover"`. */
    fit?: "contain" | "cover";
    /** Fired when the video fails to load. */
    onError?: () => void;
    /** Additional CSS classes for the container. */
    className?: string;
    /** Inline styles for the container (e.g. a fixed height). */
    style?: CSSProperties;
}

export type { VideoViewerProps as V };