mirror of
https://github.com/ershisan99/DevToysWeb.git
synced 2025-12-17 04:59:23 +00:00
30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import * as React from "react";
|
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
|
|
import { cn } from "@/lib/style";
|
|
|
|
export const TooltipProvider = TooltipPrimitive.Provider;
|
|
export const Tooltip = TooltipPrimitive.Root;
|
|
export const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
|
|
export const TooltipContent = React.forwardRef<
|
|
React.ElementRef<typeof TooltipPrimitive.Content>,
|
|
React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
|
|
>(({ className, sideOffset = 4, ...props }, ref) => (
|
|
<TooltipPrimitive.Content
|
|
{...{ ref, sideOffset }}
|
|
className={cn(
|
|
"z-50 overflow-hidden rounded-md border bg-tooltip px-3 py-1.5 text-tooltip-foreground shadow-md animate-in fade-in-50",
|
|
"data-[side=bottom]:slide-in-from-top-1",
|
|
"data-[side=left]:slide-in-from-right-1",
|
|
"data-[side=right]:slide-in-from-left-1",
|
|
"data-[side=top]:slide-in-from-bottom-1",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|