@wix/design-system
Version:
@wix/design-system
33 lines • 1.7 kB
TypeScript
import { useFloating, UseFloatingReturn } from '@floating-ui/react';
export declare const useArrow: (showArrow: boolean) => {
getArrowProps: (context: UseFloatingReturn["context"]) => {
ref: import("react").MutableRefObject<null>;
context: {
placement: import("@floating-ui/utils").Placement;
x: number;
y: number;
update: () => void;
strategy: import("@floating-ui/utils").Strategy;
middlewareData: import("@floating-ui/core").MiddlewareData;
isPositioned: boolean;
floatingStyles: React.CSSProperties;
open: boolean;
onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
events: import("@floating-ui/react").FloatingEvents;
dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
nodeId: string | undefined;
floatingId: string;
refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
};
width: number;
height: number;
};
arrowMiddleware: {
options?: any;
name: string;
fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
} | undefined;
getContentWithArrowStyles: (floatingPlacement: ReturnType<typeof useFloating>["placement"]) => Record<string, string>;
};
//# sourceMappingURL=useArrow.d.ts.map