import React from "react";
type AdaptiveSidebarControls = {
    dismiss: () => void;
};
/**
 * A component that displays a sidebar panel. On mobile devices, it shows a floating button to open and close the panel.
 * On desktop, the panel displays directly in the page.
 **/
declare const AdaptiveSidebar: React.ForwardRefExoticComponent<{
    /** To control AdaptiveSidebar externally
     * (created for flows that requires floating views when on mobile)
     **/
    open?: boolean | undefined;
    /**
     * The screen width to turn into responsive mode
     */
    breakInto?: number | undefined;
    className?: string | undefined;
    visibilityControlComponent?: ((props: {
        open: boolean;
    }) => React.ReactElement) | undefined;
} & Omit<React.HTMLProps<HTMLDivElement>, "ref"> & {
    children?: React.ReactNode;
} & React.RefAttributes<AdaptiveSidebarControls>>;
export default AdaptiveSidebar;
