Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | 506x 3429x | import { Text } from "@common/Text";
import { Tooltip } from "@common/Tooltip";
import { PopperProps } from "@mui/material";
import { palette } from "@palette";
export const CustomToolTip = ({
children,
showToolTip,
message = "The edit is blocked by a confirmed match on PEP",
fullWidth,
customStyle,
extraMessage,
maxWidth,
placement,
PopperProps,
scrollRef,
}: {
showToolTip: boolean;
children: any;
message?: string;
fullWidth?: boolean;
customStyle?: any;
extraMessage?: string;
maxWidth?: string;
placement?: "bottom" | "left" | "top" | "right";
PopperProps?: Partial<PopperProps>;
scrollRef?: any;
}) => (
<Tooltip
disableFocusListener={!showToolTip}
disableHoverListener={!showToolTip}
disableTouchListener={!showToolTip}
fullWidth={fullWidth}
maxWidth={maxWidth}
placement={placement}
scrollRef={scrollRef}
title={
<Text
lineHeight="120%"
fontSize="12px"
fontWeight="book"
textAlign={customStyle?.textAlign || "left"}
color={palette.neutral[5]}
data-testid="custom-tooltip-text"
>
{message}
{extraMessage}
</Text>
}
parentStyle={{
display: customStyle?.display || "block",
}}
data-testid="custom-tooltip"
PopperProps={PopperProps}
>
{children}
</Tooltip>
);
|