File size: 648 Bytes
3b6afc0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
import { HoverCardPortal, HoverCardContent } from '~/components/ui';
import './styles.module.css';
type TPluginTooltipProps = {
content: string;
position: 'top' | 'bottom' | 'left' | 'right';
};
function PluginTooltip({ content, position }: TPluginTooltipProps) {
return (
<HoverCardPortal>
<HoverCardContent side={position} className="w-80 ">
<div className="space-y-2">
<p className="text-sm text-gray-600 dark:text-gray-300">
<div dangerouslySetInnerHTML={{ __html: content }} />
</p>
</div>
</HoverCardContent>
</HoverCardPortal>
);
}
export default PluginTooltip;
|