35 lines
699 B
TypeScript
35 lines
699 B
TypeScript
import { Icon } from "@chakra-ui/react";
|
|
import { Tooltip } from "../ui/tooltip";
|
|
import { MdOutlineRemoveRedEye } from "react-icons/md";
|
|
|
|
const View = () => {
|
|
return (
|
|
<Tooltip
|
|
content="View"
|
|
openDelay={100}
|
|
contentProps={{
|
|
css: {
|
|
"--tooltip-bg": "#ccecec",
|
|
color: "#055757",
|
|
padding: "1px 8px",
|
|
},
|
|
}}
|
|
>
|
|
<Icon
|
|
cursor={"pointer"}
|
|
p={1}
|
|
_hover={{ bg: "#00000015" }}
|
|
rounded={"xs"}
|
|
boxSize={5}
|
|
h={"24px"}
|
|
w={"24px"}
|
|
// color={iconColor && iconColor}
|
|
>
|
|
<MdOutlineRemoveRedEye />
|
|
</Icon>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default View;
|