@wix/design-system
Version:
@wix/design-system
19 lines • 807 B
TypeScript
import { useFloating, useTransitionStatus } from '@floating-ui/react';
import type { UsePopoverProps } from './usePopover';
export type UseTransitionProps = {
context: ReturnType<typeof useFloating>['context'];
} & UsePopoverProps['transitionSettings'];
export type TransitionStatus = ReturnType<typeof useTransitionStatus>['status'];
/**
* PopoverNext Content transition hook.
*/
export declare const useTransition: ({ context, type, openDelay, closeDelay, duration, opacity, transformOrigin, transform, }: UseTransitionProps) => {
isMounted: boolean;
status: "close" | "initial" | "open" | "unmounted";
styles: undefined;
} | {
status: "close" | "initial" | "open" | "unmounted";
isMounted: boolean;
styles: React.CSSProperties;
};
//# sourceMappingURL=useTransition.d.ts.map