interface CommentCardProps {
    comment: {
        id: string;
        content: string;
        title?: string;
        type?: 'pro' | 'con';
        importance?: 'Critical' | 'Important' | 'Nice-to-have';
        createdAt: string;
        vendor?: {
            id: number;
            title: string;
            slug: string;
            logo: string | null;
            category?: string | null;
        };
        user?: {
            id: string;
            name: string;
            profilePicture: string | null;
            msp?: {
                id: string | number;
                name?: string | null;
                icon_url?: string | null;
            };
        };
        canDelete?: boolean;
    };
    onViewProduct?: (vendorSlug: string) => void;
    onDeleteComment?: (commentId: string) => void;
    showVendorInfo?: boolean;
    compact?: boolean;
    /**
     * Which HEADER this tile leads with — the only thing that ever varied by
     * surface. Two states, because there are two headers: the profile page shows
     * a person's comments, so it leads with the VENDOR each one is about;
     * everywhere else the vendor is the page and the commenter is the news.
     * Every BEHAVIOUR is a prop, so a new surface never needs a new member here.
     */
    leadWith?: 'vendor' | 'commenter';
    /**
     * Read the body in FULL (thread reading) instead of the fixed-height,
     * three-line list tile. Defaults to the list tile.
     */
    fullBody?: boolean;
    /** Rendered under the body — badges + per-surface actions (design-doc threads). */
    footer?: React.ReactNode;
    /** Rendered after the card — nested replies + reply composer (design-doc threads). */
    children?: React.ReactNode;
}
export declare function CommentCard({ comment, onViewProduct, onDeleteComment, showVendorInfo, compact, leadWith, fullBody, footer, children }: CommentCardProps): import("react").JSX.Element;
export {};
//# sourceMappingURL=comment-card.d.ts.map