import { type ReactNode } from 'react';
import type { MobileDockItem, MobileNavLinkArgs } from '../types.js';
/** The key the workspace sheet listens on (reuses the single mobile-drawer state). */
export declare const WORKSPACE_SHEET_KEY = "workspace-sheet";
export interface MobileDockProps {
    items: MobileDockItem[];
    activeTo?: string;
    renderLink?: (args: MobileNavLinkArgs) => ReactNode;
    className?: string;
    /** `pill` (default) floating dock, or `bar` full-width labeled bottom bar. */
    variant?: 'pill' | 'bar';
}
/**
 * Mobile dock — pinned destinations plus a workspace-sheet trigger. Two shapes:
 *
 * - `pill` (default): a floating, centered pill of icon-only slots, with any
 *   `emphasis: 'brand'` item (e.g. Pilot) as a standalone circle beside it.
 * - `bar`: a flat, full-width bottom bar of evenly-spread slots — each a larger
 *   icon + label with a tinted active state — mirroring the native app. The
 *   brand item sits inline as the last slot (a filled circle).
 *
 * Hidden on non-mobile viewports and when the right panel is fullscreen.
 */
export declare function MobileDock({ items, activeTo, renderLink, className, variant, }: MobileDockProps): import("react/jsx-runtime").JSX.Element | null;