import { default as React } from 'react';
export type FloatingPanelPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "left-center" | "right-center" | "center";
export type FloatingPanelVariant = "primary" | "secondary" | "tertiary" | "surface" | "surface-lowest" | "ghost";
interface FloatingPanelContextValue {
    isOpen: boolean;
    setIsOpen: (val: boolean) => void;
    triggerVariant: FloatingPanelVariant;
    panelVariant: FloatingPanelVariant;
}
export declare const useFloatingPanel: () => FloatingPanelContextValue;
export interface FloatingPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> {
    children: React.ReactNode;
    position?: FloatingPanelPosition;
    offset?: number;
    triggerWidth?: number;
    triggerHeight?: number;
    triggerRadius?: number;
    panelWidth?: number;
    panelHeight?: number;
    panelRadius?: number;
    triggerVariant?: FloatingPanelVariant;
    panelVariant?: FloatingPanelVariant;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
}
export declare const FloatingPanel: React.ForwardRefExoticComponent<FloatingPanelProps & React.RefAttributes<HTMLDivElement>> & {
    Trigger: {
        ({ children, className, }: {
            children: React.ReactNode;
            className?: string;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Content: {
        ({ children, className, }: {
            children: React.ReactNode;
            className?: string;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    CloseButton: {
        ({ className }: {
            className?: string;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
};
export {};
