import { CSSProperties } from 'react';
import type { AgentBasicInformation } from '../../../book-2.0/agent-source/AgentBasicInformation';
import type { string_book } from '../../../book-2.0/agent-source/string_book';
import type { string_css_class } from '../../../types/string_markdown';
/**
 * Props of `AvatarProfile`
 *
 * @public exported from `@promptbook/components`
 */
export type AvatarProfileProps = {
    /**
     * Agent to be shown
     */
    readonly agent: AgentBasicInformation;
    /**
     * The source of the agent, used to enable profile actions in the UI.
     */
    readonly agentSource?: string_book;
    /**
     * Optional CSS class name which will be added to root <div> element
     */
    readonly className?: string_css_class;
    /**
     * Optional CSS style which will be added to root <div/> element
     */
    readonly style?: CSSProperties;
};
/**
 * Shows a box with user avatar, name and description
 *
 * @public exported from `@promptbook/components`
 */
export declare function AvatarProfile(props: AvatarProfileProps): import("react/jsx-runtime").JSX.Element;