syncings
This commit is contained in:
1 parent
3ef3b5f749
commit
3e265a03fc
2 files changed
+4
-12
No files matched your search
@@ -0,0 +1 @@
|
||||
.vite
|
||||
@@ -3,7 +3,6 @@ import React from "react";
|
||||
import { styled } from "@mui/material/styles";
|
||||
import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
|
||||
import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
|
||||
import { useTheme } from "@mui/material";
|
||||
|
||||
const CustomizedTooltip = styled(
|
||||
({ className, placement, arrow, ...props }: TooltipProps) => (
|
||||
@@ -23,17 +22,9 @@ const CustomizedTooltip = styled(
|
||||
},
|
||||
}));
|
||||
|
||||
const TooltipWithTail = ({ placement, arrow = false, title, text }) => {
|
||||
const theme = useTheme();
|
||||
|
||||
const fontLookup = {
|
||||
default: theme.font.default.font,
|
||||
};
|
||||
|
||||
const fontFamily = fontLookup["default"];
|
||||
|
||||
function TooltipWithTail({ placement, arrow = false, title, text }) {
|
||||
return (
|
||||
<div style={{ fontFamily: fontFamily }}>
|
||||
<div>
|
||||
<CustomizedTooltip
|
||||
arrow={arrow}
|
||||
placement={placement}
|
||||
@@ -49,6 +40,6 @@ const TooltipWithTail = ({ placement, arrow = false, title, text }) => {
|
||||
</CustomizedTooltip>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
export default TooltipWithTail;
|
||||
Reference in new issue
Block a user