27 lines
751 B
TypeScript
27 lines
751 B
TypeScript
"use client";
|
|
|
|
import { useTranslation } from "@/components/i18n/locale-provider";
|
|
import type { ComponentProps, ReactNode } from "react";
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
|
|
|
|
export function SimpleTooltip({
|
|
text,
|
|
children,
|
|
side,
|
|
...props
|
|
}: {
|
|
text?: ReactNode;
|
|
side?: "top" | "right" | "bottom" | "left" | undefined;
|
|
children: ReactNode;
|
|
} & Omit<ComponentProps<typeof Tooltip>, "children">) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<Tooltip {...props}>
|
|
<TooltipTrigger render={<span className="inline-flex" />}>
|
|
{children}
|
|
</TooltipTrigger>
|
|
<TooltipContent side={side}>{typeof text === "string" ? t(text) : text}</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|