findthelorax
33 lines
910 B
TypeScript
33 lines
910 B
TypeScript
import * as TooltipPrimitive from '@radix-ui/react-tooltip'
|
|
|
|
const TooltipProvider = TooltipPrimitive.Provider
|
|
const Tooltip = TooltipPrimitive.Root
|
|
const TooltipTrigger = TooltipPrimitive.Trigger
|
|
|
|
function TooltipContent({
|
|
className,
|
|
sideOffset = 4,
|
|
children,
|
|
...props
|
|
}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>) {
|
|
return (
|
|
<TooltipPrimitive.Portal>
|
|
<TooltipPrimitive.Content
|
|
sideOffset={sideOffset}
|
|
className={[
|
|
'z-50 overflow-hidden rounded-md border border-[#30363d] bg-[#161b22] px-2 py-1 text-xs text-[#e6edf3] shadow-md',
|
|
'animate-in fade-in-0 zoom-in-95',
|
|
className,
|
|
]
|
|
.filter(Boolean)
|
|
.join(' ')}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</TooltipPrimitive.Content>
|
|
</TooltipPrimitive.Portal>
|
|
)
|
|
}
|
|
|
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
|