import { IconProps } from '../Icon';

export interface HeaderActionProps {
    /**
     * The name of the SVG icon that will be used for the button or a React component.
     *
     * @see {@link https://github.com/voiceflow/react-chat/tree/master/packages/react-chat/src/assets/svg the available icons}
     */
    svg: IconProps['svg'];
    /**
     * A callback that is executed when the button is clicked.
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
}
export interface HeaderProps {
    /**
     * The name of your assistant or title of the conversation.
     */
    title: string;
    /**
     * Should we show the image in the header.
     */
    showImage: boolean;
    /**
     * An image URL that will be rendered as a small {@link Avatar}.
     */
    image?: string;
    /**
     * A list of actions that will appear as icon buttons.
     */
    actions?: HeaderActionProps[];
}
/**
 * Header for the chat widget with image, title and controls.
 *
 * @see {@link https://voiceflow.github.io/react-chat/?path=/docs/components-chat-header--simple}
 */
export declare const Header: React.FC<HeaderProps>;
//# sourceMappingURL=index.d.ts.map