/// <reference types="react" />
import { SettingsFormProps } from '../Settings/Settings';
import { VideoTileProps } from '../VideoTile';
import { VideoTileClasses } from '../VideoTile/VideoTile';
interface MuteStatus {
    audioMuted?: boolean;
    videoMuted?: boolean;
}
export interface PreviewClasses {
    root?: string;
    containerRoot?: string;
    header?: string;
    messageModal?: string;
    helloDiv?: string;
    joinButton?: string;
    goBackButton?: string;
}
export interface PreviewProps {
    name: string;
    joinOnClick: ({ audioMuted, videoMuted }: MuteStatus) => void;
    onChange: (values: SettingsFormProps) => void;
    goBackOnClick: () => void;
    videoTileProps?: Partial<VideoTileProps>;
    videoTileClasses?: VideoTileClasses;
    /**
     * extra classes added  by user
     */
    classes?: PreviewClasses;
}
export declare const Preview: ({ name, joinOnClick, goBackOnClick, onChange, videoTileProps, classes, videoTileClasses, }: PreviewProps) => JSX.Element;
export {};