gerbil/src/components/InfoTooltip.tsx

16 lines
478 B
TypeScript

import { ActionIcon, Tooltip } from '@mantine/core';
import { Info } from 'lucide-react';
interface InfoTooltipProps {
label: string;
multiline?: boolean;
width?: number;
}
export const InfoTooltip = ({ label, multiline = true, width = 300 }: InfoTooltipProps) => (
<Tooltip label={label} multiline={multiline} w={width}>
<ActionIcon variant="subtle" size="sm" color="gray" aria-label="More information">
<Info size={14} />
</ActionIcon>
</Tooltip>
);