import { default as React } from 'react';
import { IconSource } from './icon';
export type ChatPanelVariant = "drawer" | "inline" | "fullscreen";
export interface ChatPanelProps extends React.HTMLAttributes<HTMLDivElement> {
    children: React.ReactNode;
    /**
     * drawer: fixed side panel, full-screen modal below the lg breakpoint.
     * inline: a normal flow-sized container, always visible, no dialog
     * semantics; the app controls its size and presence.
     * fullscreen: fills the viewport, always modal.
     */
    $variant?: ChatPanelVariant;
    $side?: "left" | "right";
    /** Drawer width from the lg breakpoint up. */
    $width?: number;
    /** Header title. Pass null to render no header text. */
    $title?: React.ReactNode;
    /** Header icon: an imported lucide component, or a rendered element. Pass null for none. */
    $titleIcon?: IconSource | null;
    /** Extra header controls (reset button, …), placed before the close button. */
    $actions?: React.ReactNode;
    $hideCloseButton?: boolean;
    "aria-label"?: string;
}
declare const ChatPanel: React.ForwardRefExoticComponent<ChatPanelProps & React.RefAttributes<HTMLDivElement>>;
export { ChatPanel };