24 lines
602 B
TypeScript
24 lines
602 B
TypeScript
import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
|
|
|
|
function InfoTooltip({ text }: { text: string }) {
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<i className="diveicon di-info-circle" />
|
|
</TooltipTrigger>
|
|
<TooltipContent className="border border-border p-2">
|
|
<p>
|
|
{text.split("\n").map((line, idx) => (
|
|
<span key={idx}>
|
|
{line}
|
|
{idx !== text.split("\n").length - 1 && <br />}
|
|
</span>
|
|
))}
|
|
</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|
|
|
|
export { InfoTooltip };
|