import { StyleSheet } from 'react-native';
import { MyMD3Theme } from '../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    styles: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
        container: {
            marginVertical: number;
            marginHorizontal: number;
        };
        content: {
            width: "100%";
            aspectRatio: number;
            alignItems: "center";
            flexDirection: "column";
            justifyContent: "center";
        };
        info: {
            gap: number;
            paddingVertical: number;
        };
        streamImageCover: {
            width: "100%";
            height: "100%";
        };
        streamStatusRecorded: {
            top: number;
            left: number;
            zIndex: number;
            borderRadius: number;
            paddingVertical: number;
            paddingHorizontal: number;
            position: "absolute";
            backgroundColor: string;
        };
        streamStatusLive: {
            top: number;
            left: number;
            zIndex: number;
            borderRadius: number;
            paddingVertical: number;
            paddingHorizontal: number;
            position: "absolute";
            backgroundColor: string;
        };
        streamStatusText: {
            color: string;
        };
        streamPlayButton: {
            top: "50%";
            left: "50%";
            position: "absolute";
            transform: ({
                translateX: number;
                translateY?: undefined;
            } | {
                translateY: number;
                translateX?: undefined;
            })[];
        };
    }>;
    theme: MyMD3Theme;
};
//# sourceMappingURL=styles.d.ts.map