import { ButtonProps } from '@studio/editor/src/components/Button/index';
import { StudioLayoutComponentsConfig } from '../../types';
import { ChatApi, CommonComponentProps } from '../types';
import { AiChatHeaderPropsSchema } from '../typesSchema';
import { UIMessage } from 'ai';
export interface AiChatHeaderLayoutState {
    isClearing: boolean;
    setIsClearing: (value: boolean) => void;
}
export interface AiChatHeaderLayoutProps {
    chatApi: ChatApi;
    messages: UIMessage[];
    state: AiChatHeaderLayoutState;
}
export interface AiChatHeaderOnClearProps extends AiChatHeaderLayoutProps {
    clear: () => void;
    event: React.MouseEvent<HTMLButtonElement>;
}
export interface AiChatHeaderProps extends CommonComponentProps, Omit<AiChatHeaderPropsSchema, 'layoutBefore' | 'layoutAfter' | 'clearButtonProps' | 'onClear'> {
    layoutBefore?: (props: AiChatHeaderLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
    layoutAfter?: (props: AiChatHeaderLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
    clearButtonProps?: Partial<Omit<ButtonProps, 'onClick'>>;
    onClear?: (props: AiChatHeaderOnClearProps) => Promise<void> | void;
}
export declare const AiChatHeader: React.FC<AiChatHeaderProps>;
export default AiChatHeader;