import React from "react";

//#region src/PageLayout/DragHandle.d.ts
type DragHandleProps = {
  /** Ref for imperative ARIA updates during drag */handleRef: React.RefObject<HTMLDivElement>; /** Called once when drag starts with initial cursor X position */
  onDragStart: (clientX: number) => void; /** Called on each drag tick with cursor position (pointer) or delta (keyboard) */
  onDrag: (value: number, isKeyboard: boolean) => void; /** Called when drag operation completes */
  onDragEnd: () => void; /** Reset width on double-click */
  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
  /**
   * Accessible name for the slider. Defaults to `'Draggable pane splitter'`.
   * Provide a context-specific or localized label for standalone usage.
   * Ignored when `aria-labelledby` is provided.
   */
  'aria-label'?: string; /** Id of an element that labels the slider. Takes precedence over `aria-label`. */
  'aria-labelledby'?: string; /** ARIA slider min value */
  'aria-valuemin'?: number; /** ARIA slider max value */
  'aria-valuemax'?: number; /** ARIA slider current value */
  'aria-valuenow'?: number;
  /**
   * Ref to the element that receives drag-time styling/containment optimizations
   * (e.g. the resizable pane). When omitted, those side effects are skipped.
   */
  dragTargetRef?: React.RefObject<HTMLElement | null>;
  /**
   * Ref to a content wrapper element that receives drag-time containment.
   * Only needed for layouts (like PageLayout) that optimize sibling content during drag.
   */
  contentWrapperRef?: React.RefObject<HTMLElement | null>;
  /**
   * Formats the `aria-valuetext` announced for the current width.
   * @default valueNow => `Pane width ${valueNow} pixels`
   */
  formatValueText?: (valueNow: number) => string; /** Value for the `data-component` attribute. */
  'data-component'?: string;
};
/**
 * DragHandle - handles all pointer and keyboard interactions for resizing.
 * ARIA values are set in JSX for SSR accessibility, then updated via DOM
 * manipulation during drag for performance. The consumer owns writing the width
 * (via the `onDrag` callback); this component only reports interactions.
 */
declare const DragHandle: React.NamedExoticComponent<DragHandleProps>;
//#endregion
export { DragHandle, DragHandleProps };