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;
