mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
jeffvli
33 lines
738 B
TypeScript
33 lines
738 B
TypeScript
import { Tooltip as MantineTooltip, TooltipProps } from '@mantine/core';
|
|
import styles from './Tooltip.module.scss';
|
|
|
|
export const Tooltip = ({ children, ...rest }: TooltipProps) => {
|
|
return (
|
|
<MantineTooltip
|
|
classNames={{ arrow: styles.arrow, body: styles.body }}
|
|
radius="xs"
|
|
styles={{
|
|
arrow: {
|
|
background: 'var(--tooltip-bg)',
|
|
},
|
|
body: {
|
|
background: 'var(--tooltip-bg)',
|
|
color: 'var(--tooltip-text-color)',
|
|
padding: '5px',
|
|
},
|
|
}}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</MantineTooltip>
|
|
);
|
|
};
|
|
|
|
Tooltip.defaultProps = {
|
|
openDelay: 0,
|
|
placement: 'center',
|
|
transition: 'fade',
|
|
transitionDuration: 250,
|
|
withArrow: true,
|
|
};
|