import React from "react";
import "./LsgVideo.scss";
export interface LsgVideoTag {
    label: string;
}
export type LsgVideoDisplayMode = "inline" | "full-width" | "content";
export interface LsgVideoProps {
    /** URL of the video thumbnail / poster image. Optional. */
    imageUrl?: string;
    /** Alt text for the poster image. */
    imageAlt?: string;
    /** Up to 3 tag pills overlaid on the poster. Extra entries are ignored. */
    tags?: LsgVideoTag[];
    /** Video title shown in the caption bar. Optional. */
    title?: string;
    /** Caption / description text below the title, revealed on hover / focus. */
    caption?: string;
    /** Href for the play action — used only when no video source is supplied. */
    href?: string;
    /** Fired when the play control is activated. */
    onPlay?: () => void;
    /** Native DAM/direct media URL, or an external YouTube/Vimeo URL. */
    videoUrl?: string;
    /** Autoplay the video/embed as soon as it renders. Default: false. */
    autoplay?: boolean;
    /** Loop playback. Default: false. */
    loop?: boolean;
    /** Mute playback. Default: false. */
    muted?: boolean;
    /** Show native/embed playback controls. Default: true. */
    controls?: boolean;
    /** Layout variant. Default: "content". */
    displayMode?: LsgVideoDisplayMode;
    /** Show or hide the tag pills overlay. Default: true. */
    showTags?: boolean;
    className?: string;
}
export declare const LsgVideo: React.FC<LsgVideoProps>;