/// <reference types="react" />
import { HMSConfig } from '@100mslive/hms-video';
import { VideoTileProps } from '../VideoTile';
import { VideoTileClasses } from '../VideoTile/VideoTile';
import { ButtonClasses } from '../Button/Button';
interface JoinInfo {
    audioMuted?: boolean;
    videoMuted?: boolean;
    name?: string;
}
export interface PreviewClasses {
    root?: string;
    containerRoot?: string;
    header?: string;
    messageModal?: string;
    helloDiv?: string;
    nameDiv?: string;
    inputRoot?: string;
    joinButton?: Partial<ButtonClasses>;
    videoTile?: Partial<VideoTileClasses>;
}
export interface PreviewProps {
    config: HMSConfig;
    joinOnClick: ({ audioMuted, videoMuted, name }: JoinInfo) => void;
    videoTileProps?: Partial<VideoTileProps>;
    onNameChange?: (name: string) => void;
    /**
     * extra classes added  by user
     */
    classes?: Partial<PreviewClasses>;
}
export declare const Preview: ({ config, joinOnClick, videoTileProps, classes, onNameChange, }: PreviewProps) => JSX.Element;
export {};