mirror of
https://github.com/Nezumi-2711/9router.git
synced 2026-09-23 04:09:49 +00:00
20 lines
767 B
JavaScript
20 lines
767 B
JavaScript
"use client";
|
|
|
|
/** Inline tooltip, Claude Code CLI style */
|
|
export default function Tooltip({ text }) {
|
|
return (
|
|
<span className="relative group inline-flex items-center">
|
|
<button
|
|
type="button"
|
|
className="material-symbols-outlined text-[14px] text-text-muted cursor-help rounded-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
|
|
aria-label={text}
|
|
>
|
|
help
|
|
</button>
|
|
<span role="tooltip" className="pointer-events-none absolute left-5 top-1/2 -translate-y-1/2 z-50 w-64 rounded bg-gray-900 dark:bg-gray-800 text-white text-xs px-2.5 py-1.5 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity shadow-lg">
|
|
{text}
|
|
</span>
|
|
</span>
|
|
);
|
|
}
|