export declare const useStyles: () => {
    video: {
        width: number;
        height: number;
    };
    container: {
        flex: number;
        width: number;
        backgroundColor: string;
        position: "relative";
    };
    flex: {
        flex: number;
    };
    flexCol: {
        flex: number;
        flexDirection: "column";
    };
    flexRowCenter: {
        flexDirection: "row";
        alignItems: "center";
    };
    image: {
        width: number;
        height: number;
        resizeMode: "cover";
    };
    backgroundContainer: {
        width: "100%";
        flex: number;
    };
    spinnerContainer: {
        position: "absolute";
        justifyContent: "center";
        backgroundColor: string;
        alignSelf: "center";
        width: number;
        height: number;
    };
    animationBarContainer: {
        flexDirection: "row";
        paddingTop: number;
        paddingHorizontal: number;
    };
    animationBackground: {
        height: number;
        flex: number;
        flexDirection: "row";
        backgroundColor: string;
        marginHorizontal: number;
    };
    userContainer: {
        height: number;
        flexDirection: "row";
        justifyContent: "space-between";
        paddingHorizontal: number;
    };
    avatarImage: {
        height: number;
        width: number;
        borderRadius: number;
    };
    avatarText: {
        fontWeight: "bold";
        color: string;
        paddingLeft: number;
        fontSize: number;
    };
    avatarSubText: {
        color: string;
        fontSize: number;
    };
    closeIconContainer: {
        alignItems: "center";
        justifyContent: "center";
        height: number;
        paddingHorizontal: number;
    };
    menuCloseContaier: {
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
    };
    pressContainer: {
        flex: number;
        flexDirection: "row";
    };
    swipeUpBtn: {
        position: "absolute";
        right: number;
        left: number;
        alignItems: "center";
        bottom: number;
    };
    whiteText: {
        color: string;
    };
    threeDotsMenu: {
        marginRight: number;
    };
    swipeText: {
        color: string;
        marginTop: number;
    };
    footer: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        marginBottom: number;
        paddingHorizontal: number;
    };
    muteBtn: {
        width: number;
        height: number;
        position: "absolute";
        top: number;
        left: number;
    };
    muteIcon: {
        width: "100%";
        height: "100%";
    };
    seenContainer: {
        marginHorizontal: number;
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
    };
    iconContainer: {
        marginHorizontal: number;
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
    };
    seen: {
        marginLeft: number;
        fontSize: number;
        color: string;
    };
    hyperlinkContainer: {
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
        gap: number;
        borderColor: string;
        borderWidth: number;
        backgroundColor: string;
        borderRadius: number;
        paddingHorizontal: number;
        paddingVertical: number;
        bottom: number;
        alignSelf: "center";
    };
    hyperlinkText: {
        color: string;
    };
    error: {
        textAlign: "center";
        color: string;
    };
    storyCreateIcon: {
        position: "absolute";
        left: number;
        top: number;
    };
    bottomSheet: {
        borderTopLeftRadius: number;
        borderTopRightRadius: number;
        backgroundColor: string;
        width: number;
        height: number;
    };
    deleteBottomSheet: {
        paddingHorizontal: number;
        marginVertical: number;
        backgroundColor: string;
    };
    deleteBtn: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
        backgroundColor: string;
    };
    commentBottomSheet: {
        paddingTop: "10%";
        justifyContent: "center";
        alignItems: "center";
        height: "100%";
    };
    handleBar: {
        width: number;
        backgroundColor: string;
        height: number;
        marginVertical: number;
        borderRadius: number;
    };
    commentTitle: {
        fontSize: number;
        fontWeight: "bold";
        color: string;
    };
    horizontalSperator: {
        width: "100%";
        backgroundColor: string;
        height: number;
        marginVertical: number;
    };
    deleteStoryTxt: {
        color: string;
        fontSize: number;
        fontWeight: "600";
    };
    errorContainer: {
        width: "100%";
        position: "absolute";
        bottom: number;
        left: number;
        backgroundColor: string;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        paddingVertical: number;
        paddingHorizontal: number;
    };
    errorContainerLeft: {
        display: "flex";
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    errorText: {
        color: string;
    };
    storyGradient: {
        position: "absolute";
        top: number;
        left: number;
        width: "100%";
        height: "100%";
    };
    blurredBackground: {
        position: "absolute";
        top: number;
        left: number;
        width: "100%";
        height: "100%";
    };
};
//# sourceMappingURL=styles.d.ts.map