import { Icon, Image } from "@chakra-ui/react";
import { Tooltip } from "../ui/tooltip";
import { RiDeleteBin5Line } from "react-icons/ri";

const Delete = () => {
  return (
    <Tooltip
      content="Delete"
      openDelay={100}
      contentProps={{
        css: {
          "--tooltip-bg": "#fed7d7",
          color: "#822727",
          padding: "1px 8px",
        },
      }}
    >
      <Icon
        cursor={"pointer"}
        p={1}
        _hover={{ bg: "#00000015" }}
        rounded={"xs"}
        boxSize={5}
        h={"24px"}
        w={"24px"}
        // color={iconColor && iconColor}
      >
        <RiDeleteBin5Line />
      </Icon>
    </Tooltip>
  );
};

export default Delete;
