import React , { VFC } from 'react' ; import { usePopoverState , Popover as PopoverImpl , PopoverProps , PopoverDisclosure , } from 'reakit' ; export { PopoverProps , PopoverDisclosure , usePopoverState } ; export const Popover = ( { className , children , ... props } ) => { return ( < > < PopoverImpl { ... props } className = "flex p-4 w-80 rounded overflow-hidden shadow-2xl focus:outline-none bg-white" > { } { props . visible && children } < /PopoverImpl> < />); } ;