import type { ReactSetState } from "../use-safe-state/index.cjs";
import type { ElementTarget } from "../use-target-element/index.cjs";
import type { Gettable } from "../utils/basic.cjs";
export interface UseCssVarOptions {
    /**
     * default value of the CSS variable
     *
     * @defaultValue ''
     */
    defaultValue?: string;
    /**
     * whether to observe the changes of the CSS variable
     *
     * @defaultValue false
     */
    observe?: boolean;
}
export type UseCssVarReturns = readonly [string, ReactSetState<string>];
/**
 * A React Hook that allows you to use CSS variables in your components.
 */
export declare function useCssVar<T extends HTMLElement = HTMLElement>(propName: Gettable<string>, options?: UseCssVarOptions, target?: ElementTarget<T>): UseCssVarReturns;