import { type RefObject } from "react";
import { type DragEvent } from "../../../hook/useDrag";
import type { GridState } from "../types";
/**
 * Options for the `useGridResize` hook.
 */
export type UseGridResizeOptions = {
    /** Reference to the current grid state (columns and rows). */
    gridState: RefObject<GridState>;
    /** Size of the drag handle (e.g., "1rem"). */
    dragHandleSize: string | undefined;
    /** Callback to update the grid state. */
    setGridState: (partialState: Partial<GridState>) => void;
    tempGridTemplateColumns: RefObject<string | null>;
    tempGridTemplateRows: RefObject<string | null>;
};
/**
 * Hook to handle grid resizing interactions.
 * Manages drag events, calculates new track sizes, and updates the DOM and state.
 *
 * @param options - Configuration options.
 * @returns An object containing event handlers and the ref for the grid container.
 *
 * @example
 * ```tsx
 * const { onPointerDown, dragTarget } = useGridResize({
 *   gridState,
 *   dragHandleSize: "4px",
 *   setGridState
 * });
 *
 * return <div ref={dragTarget}><DragHandle onPointerDown={onPointerDown} /></div>;
 * ```
 */
export declare function useGridResize({ gridState, dragHandleSize, setGridState, tempGridTemplateColumns, tempGridTemplateRows, }: UseGridResizeOptions): {
    onPointerDown: (event: import("react").PointerEvent<HTMLElement>) => void;
    onResize: (event: DragEvent<HTMLElement>) => void;
    dragTarget: RefObject<HTMLDivElement | null>;
};