15 lines
536 B
JavaScript
15 lines
536 B
JavaScript
import React from "react";
|
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip";
|
|
|
|
export function ActionTooltip({ children, label, side = "top", align = "center" }) {
|
|
return (
|
|
<TooltipProvider>
|
|
<Tooltip delayDuration={50}>
|
|
<TooltipTrigger asChild>{children}</TooltipTrigger>
|
|
<TooltipContent side={side} align={align}>
|
|
<p className="font-semibold text-sm capitalize">{label?.toLowerCase()}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
);
|
|
}
|