import { Icon } from "@chakra-ui/react";
import { TbEdit } from "react-icons/tb";
import { Tooltip } from "../ui/tooltip";

const Edit = () => {
  return (
    <Tooltip
      content="Edit"
      openDelay={100}
      contentProps={{
        css: {
          "--tooltip-bg": "#c6f6d5",
          color: "#22543d",
          padding: "1px 8px",
        },
      }}
    >
      <Icon
        cursor={"pointer"}
        p={1}
        _hover={{ bg: "#00000015" }}
        rounded={"xs"}
        boxSize={5}
        h={"24px"}
        w={"24px"}
      >
        <TbEdit />
      </Icon>
    </Tooltip>
  );
};

export default Edit;
