import React from 'react';
import { ButtonDisplayType } from '../../types';
export interface ControlBarClasses {
    root?: string;
    leftRoot?: string;
    centerRoot?: string;
    rightRoot?: string;
}
export interface ControlBarProps {
    isAudioMuted?: boolean;
    isVideoMuted?: boolean;
    isChatOpen?: boolean;
    buttonDisplay: ButtonDisplayType;
    audioButtonOnClick: React.MouseEventHandler;
    videoButtonOnClick: React.MouseEventHandler;
    leaveButtonOnClick: React.MouseEventHandler;
    chatButtonOnClick: React.MouseEventHandler;
    screenshareButtonOnClick: React.MouseEventHandler;
    leftComponents: Array<React.ReactNode>;
    centerComponents: Array<React.ReactNode>;
    rightComponents: Array<React.ReactNode>;
    classes?: ControlBarClasses;
}
export declare const ControlBar: ({ isAudioMuted, isVideoMuted, isChatOpen, buttonDisplay, audioButtonOnClick, videoButtonOnClick, leaveButtonOnClick, chatButtonOnClick, screenshareButtonOnClick, leftComponents, centerComponents, rightComponents, classes, }: ControlBarProps) => JSX.Element;