File size: 671 Bytes
117cfaa 5541427 117cfaa |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
import React from 'react'
interface TooltipProps {
children: React.ReactNode
content: string | React.ReactNode
className?: string
}
const Tooltip: React.FC<TooltipProps> = ({ children, content, className }) => {
return (
<div className="relative group flex items-center">
{children}
<div
className={`absolute left-0 top-full mt-2 w-max max-w-sm px-3 py-1.5 text-xs font-medium text-white bg-gray-900 rounded-lg shadow-xs opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-opacity duration-300 z-20 pointer-events-none ${className}`}
>
{content}
</div>
</div>
)
}
export default Tooltip
|