export declare const useStyles: () => {
    root: {
        height: "100%";
        paddingBottom: number;
    };
    suggestionContainer: {};
    container: {
        flex: number;
        backgroundColor: string;
    };
    input: {
        backgroundColor: string;
        borderRadius: number;
        fontWeight: "400";
        width: "90%";
        paddingHorizontal: number;
        paddingVertical: number;
        color: string;
    };
    inputWrap: {
        width: "100%";
        gap: number;
        borderTopWidth: number;
        paddingVertical: number;
        flexDirection: "row";
        alignItems: "center";
        paddingHorizontal: number;
        justifyContent: "space-between";
        borderTopColor: string;
        backgroundColor: string;
    };
    postDisabledBtn: {
        color: string;
        fontSize: number;
    };
    postBtnText: {
        color: string;
        fontSize: number;
    };
    postBtn: {
        marginHorizontal: number;
        marginBottom: number;
    };
    commentItem: {
        padding: number;
        borderBottomWidth: number;
        borderBottomColor: string;
    };
    comment: {
        fontSize: number;
    };
    commentListWrap: {
        borderTopWidth: number;
        borderTopColor: string;
    };
    textInput: {
        fontSize: number;
        width: "100%";
        paddingVertical: number;
        paddingTop: number;
        color: string;
    };
    transparentText: {
        color: string;
    };
    inputContainer: {
        flex: number;
        borderRadius: number;
        backgroundColor: string;
        paddingVertical: number;
        paddingHorizontal: number;
        maxHeight: number;
    };
    mentionText: {
        color: string;
        fontSize: number;
    };
    inputText: {
        color: string;
        fontSize: number;
        letterSpacing: number;
    };
    overlay: {
        justifyContent: "center";
        alignItems: "flex-start";
        paddingHorizontal: number;
        position: "absolute";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    };
    inputTextOverlayWrap: {
        flexDirection: "row";
        backgroundColor: string;
    };
    replyLabelWrap: {
        height: number;
        backgroundColor: string;
        paddingVertical: number;
        justifyContent: "space-between";
        flexDirection: "row";
        alignItems: "center";
    };
    replyLabel: {
        color: string;
        fontSize: number;
        paddingLeft: number;
        paddingRight: number;
    };
    closeIcon: {
        marginRight: number;
    };
    userNameLabel: {
        fontSize: number;
        fontWeight: "600";
        color: string;
    };
    commentListFooter: {
        width: number;
        position: "absolute";
        bottom: number;
        left: number;
        right: number;
    };
    disabledCommentWrap: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
        padding: number;
        gap: number;
        borderTopWidth: number;
        borderTopColor: string;
    };
    disabledCommentText: {
        color: string;
    };
    emptyContainer: {
        flex: number;
        alignItems: "center";
        justifyContent: "center";
    };
    listContent: {
        flexGrow: number;
    };
    emptyText: {
        color: string;
        fontSize: number;
    };
};
//# sourceMappingURL=styles.d.ts.map