import { Accessibility } from '@fluentui/accessibility'; import { ComponentWithAs, AutoFocusZoneProps, FocusTrapZoneProps } from '@fluentui/react-bindings'; import * as PopperJs from '@popperjs/core'; import * as React from 'react'; import { ComponentEventHandler, FluentComponentStaticProps } from '../../types'; import { UIComponentProps, ChildrenComponentProps, ContentComponentProps } from '../../utils'; import { PopperChildrenProps } from '../../utils/positioner'; export interface PopupContentSlotClassNames { content: string; } export interface PopupContentProps extends UIComponentProps, ChildrenComponentProps, ContentComponentProps { /** Accessibility behavior if overridden by the user. */ accessibility?: Accessibility; /** * Called after user's mouse enter. * @param event - React's original SyntheticEvent. * @param data - All props. */ onMouseEnter?: ComponentEventHandler; /** * Called after user's mouse leave. * @param event - React's original SyntheticEvent. * @param data - All props. */ onMouseLeave?: ComponentEventHandler; /** An actual placement value from Popper. */ placement?: PopperChildrenProps['placement']; /** A popup can show a pointer to trigger. */ pointing?: boolean; /** A ref to a pointer element. */ pointerRef?: React.Ref; /** Controls whether or not focus trap should be applied, using boolean or FocusTrapZoneProps type value. */ trapFocus?: boolean | FocusTrapZoneProps; /** Controls whether or not auto focus should be applied, using boolean or AutoFocusZoneProps type value. */ autoFocus?: boolean | AutoFocusZoneProps; } export declare type PopupContentStylesProps = Required> & { basePlacement: PopperJs.BasePlacement; }; export declare const popupContentClassName = "ui-popup__content"; export declare const popupContentSlotClassNames: PopupContentSlotClassNames; /** * A PopupContent displays the content of a Popup component. */ export declare const PopupContent: ComponentWithAs<'div', PopupContentProps> & FluentComponentStaticProps;