import { HTMLMotionProps } from 'framer-motion';
import React, { RefObject } from 'react';
import { PanelSidePanelProps } from './PanelSidePanel';
export declare type PanelPlacement = 'drawer' | 'modal';
export interface PanelProps extends HTMLMotionProps<'div'> {
    children: React.ReactNode;
    dismissOnBackdropClick?: boolean;
    firstFocusableElement?: RefObject<HTMLElement>;
    height?: number;
    isOpen: boolean;
    lockBackgroundScroll?: boolean;
    onCancel: () => void;
    placement?: PanelPlacement;
    sidePanel?: PanelSidePanelProps;
    stickyHeaderFooter?: boolean;
    visibleBackdrop?: boolean;
    width?: number | 'full';
}
declare const Panel: {
    ({ children, dismissOnBackdropClick, firstFocusableElement, height, isOpen, lockBackgroundScroll, onCancel, placement, sidePanel, stickyHeaderFooter, visibleBackdrop, width, ...props }: PanelProps): JSX.Element;
    Header: React.ForwardRefExoticComponent<import("./PanelHeader").PanelHeaderProps & React.RefAttributes<HTMLElement>>;
    Body: React.ForwardRefExoticComponent<import("./PanelBody").PanelBodyProps & React.RefAttributes<HTMLDivElement>>;
    Footer: React.ForwardRefExoticComponent<import("./PanelFooter").PanelFooterProps & React.RefAttributes<HTMLElement>>;
    WizardFooter: ({ step, totalSteps, onStepChange, onComplete, backButtonProps, collapseAt, completeButtonProps, continueButtonProps, middleButtonProps, progressBarVariant, }: import("./PanelWizardFooter").PanelWizardFooterProps) => React.JSX.Element;
};
export default Panel;