34 lines
627 B
TypeScript
34 lines
627 B
TypeScript
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;
|