import { StyleSheet } from 'react-native';
export declare const useStyles: () => StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
    container: {
        flex: number;
        backgroundColor: string;
        position: "relative";
    };
    cameraContainer: {
        flex: number;
        top: number;
        bottom: number;
        left: number;
        right: number;
        position: "absolute";
        zIndex: number;
    };
    overlay: {
        flex: number;
        top: number;
        bottom: number;
        left: number;
        right: number;
        position: "absolute";
        zIndex: number;
        backgroundColor: string;
    };
    noPermissionOverlay: {
        backgroundColor: string;
    };
    startingContainer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        zIndex: number;
    };
    camera: {
        flex: number;
        height: "100%";
    };
    footer: {
        position: "absolute";
        bottom: number;
        left: number;
        right: number;
        paddingBottom: number;
        minHeight: number;
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        zIndex: number;
    };
    thumbnailButton: {
        gap: number;
        flexDirection: "row";
        alignItems: "center";
    };
    thumbnailImageContainer: {
        width: number;
        height: number;
        borderRadius: number;
        borderWidth: number;
        borderColor: string;
        overflow: "hidden";
        position: "relative";
        zIndex: number;
    };
    thumbnailImage: {
        width: "100%";
        height: "100%";
        resizeMode: "cover";
    };
    thumbnailLoader: {
        position: "absolute";
        top: "50%";
        left: "50%";
        transform: ({
            translateX: number;
            translateY?: undefined;
        } | {
            translateY: number;
            translateX?: undefined;
        })[];
        justifyContent: "center";
        alignItems: "center";
    };
    content: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        zIndex: number;
        justifyContent: "space-between";
    };
    header: {
        paddingHorizontal: number;
        paddingVertical: number;
        flexDirection: "row";
        justifyContent: "space-between";
        alignItems: "center";
        gap: number;
    };
    inputContainer: {
        gap: number;
        paddingTop: number;
        paddingHorizontal: number;
    };
    titleInput: {
        fontSize: number;
        fontWeight: "700";
        padding: number;
        color: string;
    };
    descriptionInput: {
        fontSize: number;
        padding: number;
        color: string;
        textAlignVertical: "top";
        lineHeight: number;
        maxHeight: number;
    };
    goLiveContainer: {
        minHeight: number;
        maxHeight: number;
        justifyContent: "center";
        alignItems: "center";
    };
    communityButton: {
        flex: number;
        alignItems: "center";
        flexDirection: "row";
        gap: number;
        justifyContent: "flex-end";
        color: string;
    };
    communityName: {
        color: string;
        flex: number;
        textAlign: "right";
    };
    connecting: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        justifyContent: "center";
        gap: number;
        zIndex: number;
        alignItems: "center";
    };
    indicator: {
        width: number;
        height: number;
    };
    text: {
        color: string;
    };
    closeButton: {
        left: number;
        zIndex: number;
        position: "absolute";
        top: number;
    };
    liveRow: {
        position: "absolute";
        right: number;
        top: number;
        zIndex: number;
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    permission: {
        flex: number;
        top: number;
        left: number;
        bottom: number;
        right: number;
        zIndex: number;
        position: "absolute";
        justifyContent: "center";
        alignItems: "center";
        paddingBottom: number;
        backgroundColor: string;
    };
    permissionTitle: {
        color: string;
        textAlign: "center";
        marginBottom: number;
    };
    permissionDescription: {
        color: string;
        textAlign: "center";
        marginBottom: number;
    };
    reconnectingText: {
        color: string;
        textAlign: "center";
    };
    containerRoom: {
        flex: number;
        alignItems: "stretch";
        justifyContent: "center";
        padding: number;
    };
    participantView: {
        flex: number;
        margin: number;
        height: number;
        backgroundColor: string;
    };
    roomContainer: {
        flex: number;
        width: "100%";
        height: "100%";
    };
    videoTrack: {
        width: "100%";
        height: "100%";
    };
    countdownOverlay: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        justifyContent: "center";
        alignItems: "center";
        backgroundColor: string;
        zIndex: number;
    };
    countdownContainer: {
        alignItems: "center";
        gap: number;
    };
    countdownCircle: {
        position: "relative";
        alignItems: "center";
        justifyContent: "center";
        width: number;
        height: number;
    };
    countdownNumberContainer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        alignItems: "center";
        justifyContent: "center";
    };
    countdownNumber: {
        fontSize: number;
        fontWeight: "700";
        color: string;
    };
    countdownText: {
        fontSize: number;
        fontWeight: "500";
        color: string;
        textAlign: "center";
    };
}>;
//# sourceMappingURL=styles.d.ts.map