import { default as React } from 'react';
export type SidePanelPosition = "left" | "right";
export interface SidePanelProps {
    /** Whether the panel is open */
    open: boolean;
    /** Called when the panel should close */
    onClose: () => void;
    /** Panel title displayed in the header */
    title?: string;
    /** Panel width in px or CSS string (default: 380) */
    width?: number | string;
    /** Which side the panel slides in from (default: 'right') */
    position?: SidePanelPosition;
    /** Show a close button in the header (default: true) */
    showCloseButton?: boolean;
    /** Close when pressing Escape (default: true) */
    closeOnEscape?: boolean;
    /** Show a semi-transparent overlay behind the panel (default: false) */
    overlay?: boolean;
    /** Close when clicking the overlay (default: true, only applies when overlay=true) */
    closeOnOverlayClick?: boolean;
    /** Panel content */
    children: React.ReactNode;
    /** Optional header actions (rendered in header, right of title) */
    headerActions?: React.ReactNode;
    /** Optional leading element (rendered in header, left of title — useful for collapse icons) */
    headerLeading?: React.ReactNode;
    /** Called when the header bar is clicked (useful for collapse-on-click) */
    onHeaderClick?: () => void;
    /** Custom style overrides for the header bar */
    headerStyle?: React.CSSProperties;
    /** Custom className */
    className?: string;
    /** Custom style overrides for the panel container */
    style?: React.CSSProperties;
}
export declare const SidePanel: React.NamedExoticComponent<SidePanelProps>;
export default SidePanel;