@useloops/design-system/dist/systems/WebCore/Popper/Popper.d.ts

The official React based Loops design system

import * as react_jsx_runtime from 'react/jsx-runtime';
import { PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps } from '@mui/material';
import { PopupState } from 'material-ui-popup-state/hooks';
import { ReactElement } from 'react';
import { SurfaceProps } from '../Surface/Surface.js';

type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
interface PopperProps {
    popperProps?: Partial<PopperProps$1>;
    clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
        onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
    }>;
    transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
    surfaceProps?: SurfaceProps;
    bindOn?: BindOn[];
    trigger: ReactElement;
    children: ReactElement;
    state?: PopupState;
}
declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;

export { Popper as default };
export type { PopperProps };