import type { RefObject } from 'react';
import type { PropertiesHyphen } from 'csstype';
export declare const expandCollapseStates: Readonly<{
    readonly low: "collapsed";
    readonly rising: "expanding";
    readonly high: "expanded";
    readonly falling: "collapsing";
}>;
export declare const openCloseStates: Readonly<{
    readonly low: "closed";
    readonly rising: "opening";
    readonly high: "open";
    readonly falling: "closing";
}>;
declare const useTransitionState: <Low extends string = "low", Rising extends string = "rising", High extends string = "high", Falling extends string = "falling">({ ref, property, states, defaultState }: {
    ref: RefObject<HTMLElement>;
    property: keyof PropertiesHyphen;
} & ({
    states: {
        low: Low;
        rising: Rising;
        high: High;
        falling: Falling;
    };
    defaultState?: Low | High;
} | {
    states?: {
        low: "low";
        rising: "rising";
        high: "high";
        falling: "falling";
    };
    defaultState?: "low" | "high";
})) => {
    state: Low | Rising | High | Falling;
    set: (wantsToGo: Low | High) => void;
    toggle: () => void;
};
export default useTransitionState;
//# sourceMappingURL=useTransitionState.d.ts.map