export declare const useStyles: () => {
    container: {
        flex: number;
        width: "100%";
        height: "100%";
        backgroundColor: string;
    };
    backBtn: {
        position: "absolute";
        top: number;
        left: number;
    };
    aspectRatioBtn: {
        position: "absolute";
        top: number;
        right: number;
    };
    aspectRationIcon: {
        width: number;
        height: number;
    };
    avatar: {
        width: number;
        height: number;
        borderRadius: number;
    };
    imageContainer: {
        maxHeight: number;
        height: "85%";
        width: number;
        borderRadius: number;
        backgroundColor: string;
        justifyContent: "center";
        overflow: "hidden";
    };
    image: {
        width: "100%";
        height: "100%";
    };
    shareStoryBtn: {
        marginTop: number;
        marginRight: number;
        alignSelf: "flex-end";
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        backgroundColor: string;
        borderColor: string;
        borderWidth: number;
    };
    shareStoryTxt: {
        color: string;
        fontSize: number;
        marginHorizontal: number;
    };
    bottomSheet: {
        borderTopLeftRadius: number;
        borderTopRightRadius: number;
        backgroundColor: string;
        width: number;
        height: number;
    };
    hyperLinkBtn: {
        position: "absolute";
        top: number;
        right: number;
    };
    hyperlinkContainer: {
        backgroundColor: string;
        borderRadius: number;
        borderWidth: number;
        borderColor: string;
        paddingLeft: number;
        paddingRight: number;
        paddingVertical: number;
        flexDirection: "row";
        alignItems: "center";
        alignSelf: "center";
        gap: number;
        position: "absolute";
        bottom: "20%";
    };
    hyperlinkText: {
        fontSize: number;
        color: string;
    };
    hyperLinkIcon: {
        width: number;
        height: number;
        color: string;
    };
    handleBar: {
        width: number;
        backgroundColor: string;
        height: number;
        marginVertical: number;
        borderRadius: number;
        alignSelf: "center";
    };
    titleContainer: {
        flexDirection: "row";
        justifyContent: "space-between";
        alignItems: "center";
        paddingHorizontal: number;
        marginTop: number;
    };
    flexContainer: {
        flex: number;
    };
    title: {
        fontSize: number;
        fontWeight: "bold";
        color: string;
        textAlign: "center";
    };
    done: {
        fontSize: number;
        color: string;
        textAlign: "right";
    };
    cancel: {
        fontSize: number;
        color: string;
    };
    activeDone: {
        color: string;
    };
    horizontalSperator: {
        width: "100%";
        backgroundColor: string;
        height: number;
        marginVertical: number;
    };
    contentContainer: {
        paddingHorizontal: number;
    };
    commentBottomSheet: {
        height: "100%";
    };
    inputContainer: {
        alignSelf: "stretch";
        borderBottomWidth: number;
        borderBottomColor: string;
        paddingTop: number;
        paddingBottom: number;
    };
    rowContainer: {
        width: "100%";
        flexDirection: "row";
        justifyContent: "space-between";
        alignItems: "center";
        marginBottom: number;
    };
    textCount: {
        fontSize: number;
        color: string;
    };
    label: {
        fontSize: number;
        color: string;
        marginBottom: number;
        alignSelf: "flex-start";
        fontWeight: "bold";
    };
    requiredSign: {
        color: string;
    };
    input: {
        padding: number;
        width: "100%";
        fontSize: number;
        color: string;
    };
    note: {
        color: string;
        marginTop: number;
    };
    inValidUrl: {
        color: string;
        marginTop: number;
    };
    removeLink: {
        color: string;
        fontSize: number;
    };
    removeLinkContainer: {
        marginTop: number;
    };
    deleteHyperlinkContainer: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
        paddingTop: number;
        paddingBottom: number;
    };
    removeLinkDivider: {
        height: number;
        backgroundColor: string;
        marginHorizontal: number;
    };
    alertBorderColor: {
        borderBottomColor: 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