15 lines
578 B
TypeScript
15 lines
578 B
TypeScript
"use client";
|
|
|
|
import { Info } from "lucide-react";
|
|
|
|
export function InfoTooltip({ text }: { text: string }) {
|
|
return (
|
|
<span className="group relative inline-flex items-center">
|
|
<Info size={13} className="cursor-default text-fg/40 transition-colors group-hover:text-fg/70" />
|
|
<span className="pointer-events-none absolute bottom-full left-1/2 z-10 mb-1.5 w-56 -translate-x-1/2 rounded-md border border-muted/40 bg-bg px-3 py-2 text-xs text-fg/70 opacity-0 shadow-lg transition-opacity group-hover:opacity-100">
|
|
{text}
|
|
</span>
|
|
</span>
|
|
);
|
|
}
|