export declare const useStyles: () => {
    commentWrap: {
        backgroundColor: string;
        paddingHorizontal: number;
        width: "100%";
        alignSelf: "center";
    };
    replyCommentWrap: {
        backgroundColor: string;
        paddingTop: number;
        paddingRight: number;
    };
    headerSection: {
        paddingVertical: number;
        flexDirection: "row";
    };
    replyHeaderSection: {
        paddingTop: number;
        flexDirection: "row";
    };
    headerText: {
        fontWeight: "600";
        fontSize: number;
        marginTop: number;
        color: string;
    };
    headerTextTime: {
        fontSize: number;
        fontWeight: "400";
        marginVertical: number;
        color: string;
    };
    avatar: {
        width: number;
        height: number;
        borderRadius: number;
        marginRight: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    headerRow: {
        flexDirection: "row";
        alignItems: "center";
    };
    rightSection: {
        width: "90%";
    };
    commentBubble: {
        padding: number;
        backgroundColor: string;
        marginVertical: number;
        borderRadius: number;
        borderTopLeftRadius: number;
        alignSelf: "flex-start";
    };
    viewMoreReplyBtn: {
        width: number;
        borderRadius: number;
        backgroundColor: string;
        paddingVertical: number;
        paddingHorizontal: number;
        marginTop: number;
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
    };
    viewMoreText: {
        fontWeight: "600";
        color: string;
        paddingHorizontal: number;
    };
    commentText: {
        fontSize: number;
        color: string;
    };
    likeBtn: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    actionSection: {
        flex: number;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
    };
    rowContainer: {
        flexDirection: "row";
        alignItems: "center";
        gap: number;
    };
    likedText: {
        color: string;
        marginHorizontal: number;
    };
    btnText: {
        color: string;
    };
    threeDots: {
        padding: number;
        opacity: number;
    };
    modalContainer: {
        flex: number;
        justifyContent: "flex-end";
        backgroundColor: string;
    };
    modalContent: {
        minHeight: number;
        borderTopLeftRadius: number;
        borderTopRightRadius: number;
        backgroundColor: string;
    };
    modalRow: {
        gap: number;
        flexDirection: "row";
        alignItems: "center";
        paddingVertical: number;
        paddingHorizontal: number;
    };
    handleBar: {
        alignSelf: "center";
        width: number;
        backgroundColor: string;
        height: number;
        marginVertical: number;
        borderRadius: number;
    };
    normalActionText: {
        color: string;
    };
    dangerActionText: {
        color: string;
    };
    twoOptions: {
        minHeight: number;
    };
    timeRow: {
        flexDirection: "row";
        alignItems: "center";
    };
    dot: {
        color: string;
        fontWeight: "900";
        paddingHorizontal: number;
    };
    mentionText: {
        color: string;
        fontSize: number;
    };
    inputText: {
        color: string;
        fontSize: number;
    };
};
//# sourceMappingURL=styles.d.ts.map