import * as React from 'react';
/** Possible values stored in a data-* attribute. */
type DataStateValue = string | boolean | null;
/**
 * Hook that observes a `data-*` attribute on a DOM element via MutationObserver
 * and returns the current value reactively.
 *
 * @param key - The data attribute key (without `data-` prefix)
 * @param forwardedRef - Optional forwarded ref to merge
 * @param onChange - Callback when value changes
 * @returns Tuple of [currentValue, localRef]
 *
 * @example
 * ```tsx
 * const [state, ref] = useDataState<HTMLDivElement>('state');
 * // Reacts to changes in `data-state` attribute on the element
 * ```
 */
declare function useDataState<T extends HTMLElement = HTMLElement>(key: string, forwardedRef?: React.Ref<T | null>, onChange?: (value: DataStateValue) => void): [DataStateValue, React.RefObject<T | null>];
export { useDataState, type DataStateValue };
//# sourceMappingURL=UseDataState.d.ts.map