18 lines
517 B
TypeScript
18 lines
517 B
TypeScript
import { IconButton } from "@mui/material";
|
|
import { Remove } from "@mui/icons-material";
|
|
import React, { FC } from "react";
|
|
|
|
interface RemoveButtonProps {
|
|
handleClick: () => void;
|
|
size?: "small" | "medium" | "large";
|
|
}
|
|
|
|
export const RemoveButton: FC<RemoveButtonProps> = ({ handleClick, size }) => {
|
|
return (
|
|
<IconButton aria-label="add" size={size || "small"} onClick={handleClick}
|
|
sx={{ '&:hover': { color: '#1976d2', backgroundColor: 'transparent' } }}>
|
|
<Remove />
|
|
</IconButton>
|
|
);
|
|
};
|