import React from 'react';
import { Props } from '../../../common';
import { IDropdownMenuSectionProps } from '../../Popovers';
export interface ICommentProps {
    /** the name of the person who posted the comment */
    commentHeaderText: string;
    /** Displays the comment in a focused state */
    focused?: boolean;
    /** The component to render to the left of the comment box */
    avatarComponent: JSX.Element;
    /** A pill to be displayed right before the date label of the comment (use a span to persist the inline diplay behaviour) */
    pillComponent?: JSX.Element;
    /** Additional text to display in the array header (preferable a span HTML element) */
    headerComponent?: JSX.Element;
    /** Use DateText component from the list of alreay defined components (a string should work too) */
    dateComponent: JSX.Element;
    /** Comment text string */
    commentBodyText: string;
    /** an array of sectionProps from the DropdownMenu to render the submenu sections */
    actions?: IDropdownMenuSectionProps[];
    /** Margins around the component */
    margins?: Props.IMargins;
}
export declare const Comment: React.FC<React.PropsWithChildren<ICommentProps>>;