@wix/design-system
Version:
@wix/design-system
36 lines (32 loc) • 1.13 kB
TypeScript
import * as React from 'react';
import { FloatingHelperContent } from './FloatingHelperContent';
import { MoveByOffset } from '../common';
import { AppendTo, Placement } from '../Popover';
export default class FloatingHelper extends React.PureComponent<FloatingHelperProps> {
open: () => void;
close: () => void;
static Content: typeof FloatingHelperContent;
}
export type FloatingHelperSkin = 'dark' | 'light';
export type FloatingHelperAppearance = FloatingHelperSkin;
export type FloatingHelperPlacement = Placement;
export type FloatingHelperAppendTo = AppendTo;
export type FloatingHelperMoveByOffset = MoveByOffset;
export interface FloatingHelperProps {
children?: React.ReactNode;
dataHook?: string;
width?: string | number;
target: React.ReactNode;
content: React.ReactNode;
onClose?: () => void;
onOpen?: () => void;
skin?: FloatingHelperSkin;
appearance?: FloatingHelperAppearance;
initiallyOpened?: boolean;
opened?: boolean;
zIndex?: number;
appendTo?: FloatingHelperAppendTo;
placement: FloatingHelperPlacement;
moveBy?: FloatingHelperMoveByOffset;
hideDelay?: number;
}