import * as React from 'react' ; import { createComponent , useModelContext } from '@workday/canvas-kit-react/common' ; import { PopupModel , PopupModelContext , usePopupPopper } from './hooks' ; import { Placement , PopperOptions , Popper } from './Popper' ; export interface PopupPopperProps { /**
     * Optionally pass a model directly to this component. Default is to implicitly use the same
     * model as the container component which uses React context. Only use this for advanced use-cases
     */ model ? : PopupModel ; default placement ? : Placement ; /**
     * The additional options passed to the Popper's `popper.js` instance.
     */ popperOptions ? : Partial < PopperOptions > ; children ? : React . ReactNode ; } export const PopupPopper = createComponent ( 'div' ) ( { displayName : 'Popup.Popper' , Component : ( { children , model , ... elemProps } , ref ) => { const localModel = useModelContext ( PopupModelContext , model ) ; const props = usePopupPopper ( localModel , elemProps , ref ) ; return < Popper { ... props } > { children } < /Popper>; } , } ) ;