import { type ReactElement, type ReactNode } from "react";
/**
 * Internal presentational wrapper that drives the dashboard sidebar drag-to-resize interaction.
 *
 * Owns only the live drag state (drag width — used for the dashed indicator transform — and drag
 * phase). The committed width, min/max, and the editor-canvas constraint live in the shared
 * {@link useResizableSidebar} state, so the same value also feeds the content area's width via the
 * `--gd-dashboard-sidebar-width` custom property.
 *
 * Renders `.gd-sidebar-container` itself so the resize handle can be positioned absolutely inside
 * it — that element is sticky+100vh, so the handle (and the grip centered inside it) tracks the
 * visible viewport rather than the full dashboard-root height.
 *
 * Drag uses `setPointerCapture` on the handle button so pointer events keep flowing to it even
 * when the cursor leaves the 6 px hit area. No DOM overlay or window-level listener is needed.
 *
 * @internal
 */
export declare function SidebarResizeChrome({ onContainerClick, children }: {
    onContainerClick?: () => void;
    children: ReactNode;
}): ReactElement;
//# sourceMappingURL=SidebarResizeChrome.d.ts.map