import { IButtonStyles, IContextualMenuItemStyles, IStyle } from '@fluentui/react';
import { DevicesButtonStyles, ParticipantsButtonStyles } from "../../../../../react-components/src";
/** @private */
export declare const controlBarContainerStyles: IStyle;
/**
 * @private
 */
export declare const groupCallLeaveButtonStyle: {
    root: {
        border: string;
        borderRadius: number;
        width: string;
    };
    flexContainer: {
        flexFlow: string;
    };
};
/**
 * @private
 */
export declare const groupCallLeaveButtonCompressedStyle: {
    root: {
        border: string;
        borderRadius: string;
    };
    flexContainer: {
        flexFlow: string;
    };
};
/**
 * Styles that can be applied to ensure flyout items have the minimum touch target size.
 *
 * @private
 */
export declare const buttonFlyoutIncreasedSizeStyles: IContextualMenuItemStyles;
/**
 * @private
 */
export declare const participantButtonWithIncreasedTouchTargets: ParticipantsButtonStyles;
/**
 * @private
 */
export declare const devicesButtonWithIncreasedTouchTargets: DevicesButtonStyles;
/**
 * @private
 */
export declare const controlButtonBaseStyle: IButtonStyles;
/**
 * @private
 */
export declare const concatButtonBaseStyles: (...styles: IButtonStyles[]) => IButtonStyles;
//# sourceMappingURL=Buttons.styles.d.ts.map