import React , { VFC } from 'react' ; import { Tooltip as TooltipImpl , TooltipProps , TooltipReference , TooltipReferenceProps , useTooltipState , } from 'reakit' ; export { TooltipProps , TooltipReference , TooltipReferenceProps , useTooltipState , } ; export const Tooltip = ( { className , ... props } ) => ( < TooltipImpl { ... props } className = { `${ className } px-2 py-1  text-white bg-gray-700 rounded-sm text-sm pointer-events-none shadow-md` } />);