import { ComponentPropsWithRef, ReactNode } from 'react';
import { AvatarProps } from '../Avatar/Avatar';
type HTMLDivProps = ComponentPropsWithRef<'div'>;
type CommentAvatar = Readonly<Omit<AvatarProps, 'size' | 'ccMargin'>>;
export type CommentProps = HTMLDivProps & {
    /** Provides access to most of [Avatar's props](/docs/avatar--docs) */
    avatar: CommentAvatar;
    children: ReactNode;
    /** Add margin with spacing design tokens (e.g., `ccMargin="xl l m"`) */
    ccMargin?: string;
    design?: 'self' | 'other' | 'guest';
    userNameText?: string;
    timeStampText?: string;
};
export declare function Comment({ ccMargin, design, children, userNameText, timeStampText, avatar, ...props }: CommentProps): import("react/jsx-runtime").JSX.Element;
export default Comment;