2025-04-20 21:07:46 +08:00
|
|
|
// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
|
|
|
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
|
|
|
|
|
|
import {
|
|
|
|
|
Tooltip as ShadcnTooltip,
|
|
|
|
|
TooltipContent,
|
|
|
|
|
TooltipTrigger,
|
|
|
|
|
} from "~/components/ui/tooltip";
|
|
|
|
|
|
|
|
|
|
export function Tooltip({
|
|
|
|
|
className,
|
|
|
|
|
children,
|
|
|
|
|
title,
|
|
|
|
|
}: {
|
|
|
|
|
className?: string;
|
|
|
|
|
children: React.ReactNode;
|
2025-04-20 22:29:47 +08:00
|
|
|
title?: React.ReactNode;
|
2025-04-20 21:07:46 +08:00
|
|
|
}) {
|
|
|
|
|
return (
|
2025-04-24 15:41:33 +08:00
|
|
|
<ShadcnTooltip delayDuration={750}>
|
2025-04-20 21:07:46 +08:00
|
|
|
<TooltipTrigger asChild>{children}</TooltipTrigger>
|
|
|
|
|
<TooltipContent className={className}>{title}</TooltipContent>
|
|
|
|
|
</ShadcnTooltip>
|
|
|
|
|
);
|
|
|
|
|
}
|