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 default header layout (context items and indicator) */ type PromptInputHeaderDefaultProps = { /** 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 is not allowed together with default header props */ children?: never; }; /** * Props for the custom content mode (replaces the default header entirely) */ type PromptInputHeaderCustomProps = { /** Custom content to replace the default header */ children?: ReactNode; /** Not allowed together with custom content */ contextItems?: never; /** Not allowed together with custom content */ showContextIndicator?: never; /** Not allowed together with custom content */ contextIndicatorProps?: never; }; /** * Props for the PromptInputHeader component. * Custom content (`children`) and default header props are mutually exclusive. */ export type PromptInputHeaderProps = { /** Additional CSS class */ className?: string; /** QA/test identifier */ qa?: string; } & (PromptInputHeaderDefaultProps | PromptInputHeaderCustomProps); /** * 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; export {};