import React from 'react';
import { Post } from '../../hooks';
type Props = {
    post: Post;
    style?: ThreadCommentStyles;
    onReply: () => void;
};
export declare const ThreadComment: ({ post, style, onReply }: Props) => React.JSX.Element;
declare const defaultStyles: (theme: import("../BrandConfigProvider").Theme) => readonly ["Circles.ThreadComment", import("../BrandConfigProvider/styles/createStyles").NamedStyles<import("../BrandConfigProvider/styles/createStyles").NamedStyles<{
    container: {
        flexDirection: "row";
        alignItems: "flex-start";
        padding: number;
        paddingLeft: number;
        paddingBottom: number;
    };
    details: {
        flex: number;
    };
    avatarView: {
        marginRight: number;
        width: number;
        height: number;
    };
    messageContainer: {
        padding: number;
        borderRadius: number;
        marginVertical: number;
        color: string;
        backgroundColor: string;
        flex: number;
    };
    messageText: unknown;
    usernameText: {
        fontFamily: string;
        letterSpacing: number;
        fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
        lineHeight: number;
        fontSize: number;
        fontStyle: "normal" | "italic";
    };
    responseTimeText: unknown;
    toolbarContainer: {
        flex: number;
        flexDirection: "row";
        paddingLeft: number;
        marginBottom: number;
    };
    replyButtonContainer: unknown;
    replyButton: {
        borderColor: string;
    };
    replyButtonText: {
        color: string;
        fontSize: number;
        lineHeight: number;
    };
}>>];
declare module './../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export type ThreadCommentStyles = NamedStylesProp<typeof defaultStyles>;
export {};