From f195a8f1b3899fede287c09f87768ab2a675f3cd Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Wed, 13 Sep 2023 19:37:25 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Added=20ButtonSubmit=20component?=
 =?UTF-8?q?=20=F0=9F=92=A5=20Improved=20button=20styling=20=F0=9F=93=9D=20?=
 =?UTF-8?q?Updated=20ButtonSubmit=20component=20=F0=9F=90=9B=20Fixed=20iss?=
 =?UTF-8?q?ue=20in=20ButtonSubmit=20=E2=9C=A8=20Added=20hover=20effect=20t?=
 =?UTF-8?q?o=20ButtonSubmit=20=F0=9F=94=A7=20Refactored=20ButtonSubmit=20c?=
 =?UTF-8?q?ode=20=F0=9F=8C=9F=20Enhanced=20ButtonSubmit=20functionality?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(HeroSearchForm)/ButtonSubmit.tsx         | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/app/(client-components)/(HeroSearchForm)/ButtonSubmit.tsx

diff --git a/src/app/(client-components)/(HeroSearchForm)/ButtonSubmit.tsx b/src/app/(client-components)/(HeroSearchForm)/ButtonSubmit.tsx
new file mode 100644
index 0000000..69f9c43
--- /dev/null
+++ b/src/app/(client-components)/(HeroSearchForm)/ButtonSubmit.tsx
@@ -0,0 +1,35 @@
+import { PathName } from "@/routers/types";
+import Link from "next/link";
+import React, { FC } from "react";
+
+interface Props {
+  href?: PathName;
+}
+
+const ButtonSubmit: FC<Props> = ({ href = "/listing-stay-map" }) => {
+  return (
+    <Link
+      href={href}
+      type="button"
+      className="h-14 md:h-16 w-full md:w-16 rounded-full bg-primary-6000 hover:bg-primary-700 flex items-center justify-center text-neutral-50 focus:outline-none"
+    >
+      <span className="mr-3 md:hidden">Search</span>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="h-6 w-6"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={1.5}
+          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+        />
+      </svg>
+    </Link>
+  );
+};
+
+export default ButtonSubmit;