From 763a12cc4f4903ab21e761fc115029b7950f615f Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:27:57 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20ButtonSecond?=
 =?UTF-8?q?ary=20component=20=E2=84=B9=EF=B8=8F=20Improve=20code=20readabi?=
 =?UTF-8?q?lity=20and=20styling=20=F0=9F=93=9D=20Update=20component's=20co?=
 =?UTF-8?q?mments=20=F0=9F=9A=A7=20Prepare=20for=20upcoming=20features=20?=
 =?UTF-8?q?=F0=9F=9A=80=20Ready=20to=20commit=20changes!?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/shared/ButtonSecondary.tsx b/src/shared/ButtonSecondary.tsx
new file mode 100644
index 0000000..eccc99b
--- /dev/null
+++ b/src/shared/ButtonSecondary.tsx
@@ -0,0 +1,20 @@
+"use client";
+
+import Button, { ButtonProps } from "./Button";
+import React from "react";
+
+export interface ButtonSecondaryProps extends ButtonProps {}
+
+const ButtonSecondary: React.FC<ButtonSecondaryProps> = ({
+  className = " ",
+  ...args
+}) => {
+  return (
+    <Button
+      className={`ttnc-ButtonSecondary font-medium border bg-white border-neutral-200 text-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 ${className}`}
+      {...args}
+    />
+  );
+};
+
+export default ButtonSecondary;