import { MyMD3Theme } from '../../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    theme: MyMD3Theme;
    styles: {
        container: {
            flex: number;
            position: "relative";
            backgroundColor: string;
        };
        steamEndContainer: {
            flex: number;
            justifyContent: "center";
            backgroundColor: string;
        };
        liveRow: {
            position: "absolute";
            right: number;
            top: number;
            zIndex: number;
            flexDirection: "row";
            alignItems: "center";
            gap: number;
        };
        status: {
            borderRadius: number;
            paddingVertical: number;
            paddingHorizontal: number;
            backgroundColor: string;
        };
        live: {
            color: string;
        };
        control: {
            top: number;
            left: number;
            right: number;
            bottom: number;
            opacity: number;
            zIndex: number;
            position: "absolute";
            backgroundColor: string;
        };
        controlVisible: {
            opacity: number;
        };
        controller: {
            flex: number;
            alignItems: "center";
            justifyContent: "center";
        };
        closeButton: {
            zIndex: number;
            right: number;
            top: number;
            position: "absolute";
            width: number;
            height: number;
            borderRadius: number;
            alignItems: "center";
            justifyContent: "center";
            backgroundColor: string;
        };
        liveCloseButton: {
            position: "absolute";
            left: number;
            top: number;
            zIndex: number;
            width: number;
            height: number;
            borderRadius: number;
            alignItems: "center";
            justifyContent: "center";
            backgroundColor: string;
        };
        connecting: {
            position: "absolute";
            top: number;
            left: number;
            right: number;
            bottom: number;
            justifyContent: "center";
            gap: number;
            zIndex: number;
            alignItems: "center";
            backgroundColor: string;
        };
        reconnectingText: {
            textAlign: "center";
            color: string;
        };
        text: {
            color: string;
        };
    };
};
//# sourceMappingURL=styles.d.ts.map