import { ReactNode } from 'react';
import { ContextIndicatorProps } from "../../atoms/ContextIndicator/index.js";
import "./PromptInputHeader.css";
/**
 * Context item configuration
 */
export type ContextItemConfig = {
    /** Unique identifier for the context item */
    id: string;
    /** Content to display in the context item */
    content: ReactNode;
    /** Callback when context item is removed */
    onRemove?: () => void;
};
/**
 * Props for the PromptInputHeader component
 */
export type PromptInputHeaderProps = {
    /** Array of context items to display on the left */
    contextItems?: ContextItemConfig[];
    /** Show context indicator */
    showContextIndicator?: boolean;
    /** Props for the context indicator */
    contextIndicatorProps?: ContextIndicatorProps;
    /** Custom content to replace the default header */
    children?: ReactNode;
    /** Additional CSS class */
    className?: string;
    /** QA/test identifier */
    qa?: string;
};
/**
 * PromptInputHeader component displays the header section of prompt input
 * with optional context items on the left, context indicator on the right, or custom content
 *
 * @param props - Component props
 * @returns React component
 */
export declare function PromptInputHeader(props: PromptInputHeaderProps): import("react/jsx-runtime").JSX.Element | null;
