import type { Position } from "./clampPosition";
import { FloatingPanelAccessoryBar } from "./FloatingPanelAccessoryBar";
import { FloatingPanelContent } from "./FloatingPanelContent";
import { FloatingPanelHeader } from "./FloatingPanelHeader";
export type FloatingPanelPosition = Position;
export type FloatingPanelVariant = "default" | "inspector";
export type FloatingPanelProps = {
    children: React.ReactNode;
    className?: string;
    /**
     * `default` panels have a fixed size (`width` × `height`) and their content fills it.
     * `inspector` panels are the small editor controls: they hug their content up to `maxHeight`.
     */
    variant?: FloatingPanelVariant;
    width?: number;
    /** `default` variant only. */
    height?: number;
    /** `inspector` variant only. */
    maxHeight?: number;
    draggable?: boolean;
    defaultPosition?: FloatingPanelPosition;
};
export declare function FloatingPanel({ children, className, variant, width, height, maxHeight, draggable, defaultPosition, }: FloatingPanelProps): import("react").JSX.Element;
export declare namespace FloatingPanel {
    export { FloatingPanelHeader as Header };
    export { FloatingPanelAccessoryBar as AccessoryBar };
    export { FloatingPanelContent as Content };
}
//# sourceMappingURL=FloatingPanel.d.ts.map