/**
 * The general purpose SidePane component.
 * This component extends the props of `<div>` element with `role="dialog"`.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
 */
export declare const SidePane: import("react").ForwardRefExoticComponent<{
    children?: import("react").ReactNode;
    title?: string;
    renderHeading?: (options: import("./SidePane.types").SidePaneRenderOptions) => import("react").ReactNode;
    actionSlot?: import("react").ReactNode;
    position?: import("../../styled-system/recipes").SidePaneSlotRecipeVariant["position"];
    closeButtonProps?: {
        isCollapseIcon?: boolean;
    } & Pick<import("react").ComponentPropsWithoutRef<"button">, "aria-label">;
    targetDOMNode?: HTMLElement | null;
    enableModal?: boolean;
    disableBackdropClose?: boolean;
    enableAutoUnmount?: boolean;
    formFooterProps?: Pick<import("..").FormFooterProps, "optionsSlot" | "actionsSlot"> & {
        position?: import("..").FormFooterProps["position"];
    };
    insideProps?: {
        className?: string;
    };
    open?: boolean;
    onClose?: import("./SidePane.types").OnCloseFunction;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "open" | "onClose"> & {
    ref?: (import("react").RefObject<HTMLDivElement | null> | import("react").RefCallback<HTMLDivElement | null> | null) | undefined;
} & import("react").Attributes>;