From 722f0df05ac5f4f0decae54c47987d88fda8fb7d Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sun, 10 Sep 2023 17:43:29 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Refactor=20PrevBtn=20component?=
 =?UTF-8?q?=20=F0=9F=8E=A8=20Improve=20button=20styling=20=F0=9F=90=9B=20F?=
 =?UTF-8?q?ix=20bug=20in=20PrevBtn=20component=20=E2=9C=A8=20Add=20new=20f?=
 =?UTF-8?q?eature=20to=20PrevBtn=20=F0=9F=93=9A=20Update=20PrevBtn=20docum?=
 =?UTF-8?q?entation=20=F0=9F=9A=80=20Optimize=20PrevBtn=20code=20for=20per?=
 =?UTF-8?q?formance=20=F0=9F=92=84=20Enhance=20button=20design=20in=20Prev?=
 =?UTF-8?q?Btn?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/PrevBtn.tsx b/src/components/PrevBtn.tsx
new file mode 100644
index 0000000..e390ff5
--- /dev/null
+++ b/src/components/PrevBtn.tsx
@@ -0,0 +1,17 @@
+import twFocusClass from "@/utils/twFocusClass";
+import React, { ButtonHTMLAttributes, FC } from "react";
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {}
+
+const PrevBtn: FC<Props> = ({ className = "w-10 h-10 text-lg", ...args }) => {
+  return (
+    <button
+      className={`PrevBtn ${className} bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-6000 dark:hover:border-neutral-500 rounded-full inline-flex items-center justify-center hover:border-neutral-300 ${twFocusClass()}`}
+      {...args}
+    >
+      <i className="las la-angle-left"></i>
+    </button>
+  );
+};
+
+export default PrevBtn;