28 lines
785 B
TypeScript
28 lines
785 B
TypeScript
import type { TooltipProps } from '@mui/material';
|
|
|
|
import { styled } from '../../styles';
|
|
import { Popper, type PopperProps } from '../popper';
|
|
import StyledPopperContainer from '../shared/Container';
|
|
const StyledTooltip = styled(StyledPopperContainer)(({ theme }) => {
|
|
return {
|
|
maxWidth: '320px',
|
|
boxShadow: theme.shadow.popover,
|
|
padding: '4px 12px',
|
|
backgroundColor: theme.colors.tooltipBackground,
|
|
color: '#fff',
|
|
fontSize: theme.font.sm,
|
|
};
|
|
});
|
|
|
|
export const Tooltip = (props: PopperProps & Omit<TooltipProps, 'title'>) => {
|
|
const { content, placement = 'top-start', children } = props;
|
|
return (
|
|
<Popper
|
|
{...props}
|
|
content={<StyledTooltip placement={placement}>{content}</StyledTooltip>}
|
|
>
|
|
{children}
|
|
</Popper>
|
|
);
|
|
};
|