import { default as React, MouseEventHandler, ReactNode } from 'react';
import { FooterSummaryProps } from './PanelFooter';
export type PanelProps = {
    /**
     * className for the element.
     */
    className?: string;
    /**
     * The title of the Panel.
     */
    title?: string | ReactNode;
    /**
     * Header of the Panel
     */
    header?: ReactNode;
    /**
     * Footer of the Panel
     */
    footer?: ReactNode;
    /**
     * Footer summary of the Panel
     */
    footerSummary?: FooterSummaryProps;
    /**
     * The content of the Panel.
     */
    children: ReactNode;
    /**
     * Whether the panel is coming from the side.
     * Please use the component SidePanel instead
     */
    DO_NOT_USE_isSidePanel?: boolean;
    /**
     * Handler that is called when the Panel is closed. If not provided, the close button will not be displayed.
     */
    onClose?: MouseEventHandler<HTMLButtonElement>;
};
export declare function Panel({ className, title, header, footer, footerSummary, children, DO_NOT_USE_isSidePanel, onClose, ...rest }: PanelProps): React.JSX.Element;
export declare function SidePanel(props: PanelProps): React.JSX.Element;
//# sourceMappingURL=Panel.d.ts.map