export type VideoComponentKind = 'text' | 'image' | 'solid';
export type VideoComponentRectPreset = 'center' | 'lower-third' | 'top' | 'watermark' | 'full' | 'badge' | 'ticker' | 'side';
export interface VideoComponentDef {
    id: string;
    label: string;
    group: string;
    glyph?: string;
    kind: VideoComponentKind;
    text?: string;
    durationMs: number;
    color?: string;
    textColor?: string;
    fontSize?: number;
    fontWeight?: number | string;
    fontFamily?: string;
    /** @deprecated use previewOpacity — kept for catalog entries */
    opacity?: number;
    /** Program monitor opacity when added */
    previewOpacity?: number;
    src?: string;
    textAlign?: 'left' | 'center' | 'right';
    /** Default placement on the program frame */
    rectPreset?: VideoComponentRectPreset;
}
export declare const VIDEO_COMPONENT_MIME = "application/x-r2-video-component";
interface VideoComponentsPanelProps {
    class?: string;
    onadd?: (def: VideoComponentDef) => void;
}
declare const VideoComponentsPanel: import("svelte").Component<VideoComponentsPanelProps, {}, "">;
type VideoComponentsPanel = ReturnType<typeof VideoComponentsPanel>;
export default VideoComponentsPanel;