import React, { type HTMLAttributes, type ReactNode } from 'react';
import { Severity } from '../../../constants/severity.types';
interface SidePanelProps {
    children?: ReactNode;
    header: ReactNode;
    subheader?: ReactNode;
    headerAddition?: ReactNode;
    actions?: ReactNode;
    onClose: (event?: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLDivElement>) => void;
    isOpen: boolean;
    showBackdrop?: boolean;
    severity?: Severity;
    showHeaderMarker?: boolean;
    width?: number | string;
    /**
     * Optional details pane (separate column).
     */
    details?: ReactNode;
    detailsHeader?: ReactNode;
    detailsWidth?: number | string;
    onCloseDetails?: () => void;
    detailsHeaderAddition?: ReactNode;
}
export declare function SidePanel({ isOpen, onClose, children, header, subheader, headerAddition, actions, showBackdrop, severity, showHeaderMarker, width, details, detailsHeader, detailsWidth, onCloseDetails, detailsHeaderAddition, ...props }: SidePanelProps & HTMLAttributes<HTMLElement>): ReactNode;
export {};