import * as React from 'react';
import type { FloatingPanelContentProps } from './types.js';
/**
 * The movable surface: `role="dialog"` with `aria-modal="false"`, publishing
 * geometry as `--skdx-floating-panel-x/-y/-width/-height` for CSS positioning.
 *
 * @example
 * ```tsx
 * <FloatingPanelPortal>
 *   <FloatingPanelContent style={{ position: 'fixed', insetInlineStart: 'var(--skdx-floating-panel-x)' }}>
 *     <FloatingPanelHeader aria-label="Drag to move panel">
 *       <FloatingPanelTitle>Inspector</FloatingPanelTitle>
 *     </FloatingPanelHeader>
 *   </FloatingPanelContent>
 * </FloatingPanelPortal>
 * ```
 */
export declare const FloatingPanelContent: {
    ({ forceMount, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, style, ref: forwardedRef, ...props }: FloatingPanelContentProps): React.ReactNode;
    displayName: string;
};