From 503b4cfa3cac0fbbb80cfa287499970eec71308b Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:31:04 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=9F=20Added=20ButtonCircle=20component?=
 =?UTF-8?q?=20=F0=9F=93=A6=20This=20commit=20includes=20the=20ButtonCircle?=
 =?UTF-8?q?=20component=20for=20circular=20buttons.=20=F0=9F=9A=80=20It=20?=
 =?UTF-8?q?accepts=20size=20and=20className=20as=20props=20for=20customiza?=
 =?UTF-8?q?tion.=20=F0=9F=92=84=20Styles=20are=20defined=20for=20various?=
 =?UTF-8?q?=20states=20(hover,=20disabled).=20=F0=9F=91=8D=20Ready=20to=20?=
 =?UTF-8?q?enhance=20your=20UI=20with=20circular=20buttons!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ButtonCircle.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/shared/ButtonCircle.tsx

diff --git a/src/shared/ButtonCircle.tsx b/src/shared/ButtonCircle.tsx
new file mode 100644
index 0000000..1e72276
--- /dev/null
+++ b/src/shared/ButtonCircle.tsx
@@ -0,0 +1,21 @@
+import React, { ButtonHTMLAttributes } from "react";
+
+export interface ButtonCircleProps
+  extends ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: string;
+}
+
+const ButtonCircle: React.FC<ButtonCircleProps> = ({
+  className = " ",
+  size = " w-9 h-9 ",
+  ...args
+}) => {
+  return (
+    <button
+      className={`ttnc-ButtonCircle flex items-center justify-center rounded-full !leading-none disabled:bg-opacity-70 bg-primary-6000 hover:bg-primary-700 text-neutral-50 ${className} ${size} `}
+      {...args}
+    />
+  );
+};
+
+export default ButtonCircle;