feat: edit button
This commit is contained in:
17
src/components/atoms/buttons/EditButton.tsx
Normal file
17
src/components/atoms/buttons/EditButton.tsx
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
import { IconButton } from "@mui/material";
|
||||||
|
import { Edit } from "@mui/icons-material";
|
||||||
|
import React, { FC } from "react";
|
||||||
|
|
||||||
|
interface EditButtonProps {
|
||||||
|
handleClick: () => void;
|
||||||
|
size?: "small" | "medium" | "large";
|
||||||
|
}
|
||||||
|
|
||||||
|
export const EditButton: FC<EditButtonProps> = ({ handleClick, size }) => {
|
||||||
|
return (
|
||||||
|
<IconButton aria-label="add" size={size || "small"} onClick={handleClick}
|
||||||
|
sx={{ color: 'inherit', '&:hover': { color: '#1976d2', backgroundColor: 'transparent' }}}>
|
||||||
|
<Edit/>
|
||||||
|
</IconButton>
|
||||||
|
);
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user