From 33f37f35bc059d068e348b80b7383091a710408e Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 15 Jun 2024 21:01:22 +0530
Subject: [PATCH] feat: clear button

---
 src/components/atoms/buttons/ClearButton.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/atoms/buttons/ClearButton.tsx

diff --git a/src/components/atoms/buttons/ClearButton.tsx b/src/components/atoms/buttons/ClearButton.tsx
new file mode 100644
index 00000000..d299285e
--- /dev/null
+++ b/src/components/atoms/buttons/ClearButton.tsx
@@ -0,0 +1,17 @@
+import { IconButton } from "@mui/material";
+import { Clear } from "@mui/icons-material";
+import React, { FC } from "react";
+
+interface ClearButtonProps {
+  handleClick: () => void;
+  size?: "small" | "medium" | "large";
+}
+
+export const ClearButton: FC<ClearButtonProps> = ({ handleClick, size }) => {
+  return (
+    <IconButton aria-label="add" size={size || "small"} onClick={handleClick}
+    sx={{ color: 'inherit', '&:hover': { color: '#1976d2', backgroundColor: 'transparent' }}}>
+      <Clear/>
+    </IconButton>
+  );
+};