From f898b27afb3f16f1b90076e4e9d664cabbe4f285 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sun, 10 Sep 2023 17:46:20 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=89=20Added=20NextBtn=20component=20?=
 =?UTF-8?q?=F0=9F=9A=80=20Implemented=20NextBtn=20functionality=20?=
 =?UTF-8?q?=F0=9F=94=A7=20Fixed=20issues=20in=20NextBtn=20=F0=9F=92=84=20S?=
 =?UTF-8?q?tyled=20NextBtn=20component=20=F0=9F=93=9D=20Updated=20NextBtn?=
 =?UTF-8?q?=20documentation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/NextBtn.tsx b/src/components/NextBtn.tsx
new file mode 100644
index 0000000..48a4c46
--- /dev/null
+++ b/src/components/NextBtn.tsx
@@ -0,0 +1,17 @@
+import twFocusClass from "@/utils/twFocusClass";
+import React, { ButtonHTMLAttributes, FC } from "react";
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {}
+
+const NextBtn: FC<Props> = ({ className = "w-10 h-10 text-lg", ...args }) => {
+  return (
+    <button
+      className={`NextBtn ${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-right"></i>
+    </button>
+  );
+};
+
+export default NextBtn;