From bdc83bc407bf80ac0fb6d2d039ab732fb1e84fed Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:22:42 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Refactor=20Heading2=20c?=
 =?UTF-8?q?omponent=20=F0=9F=9A=A7=20Improve=20code=20structure=20and=20re?=
 =?UTF-8?q?adability=20=F0=9F=93=A6=20Add=20default=20values=20for=20headi?=
 =?UTF-8?q?ng=20prop=20=F0=9F=8C=9F=20Enhance=20component's=20flexibility?=
 =?UTF-8?q?=20=F0=9F=90=9B=20Fix=20minor=20issues=20and=20improve=20commen?=
 =?UTF-8?q?ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/shared/Heading2.tsx b/src/shared/Heading2.tsx
new file mode 100644
index 0000000..bff953b
--- /dev/null
+++ b/src/shared/Heading2.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import { ReactNode } from "react";
+
+export interface Heading2Props {
+  heading?: ReactNode;
+  subHeading?: ReactNode;
+  className?: string;
+}
+
+const Heading2: React.FC<Heading2Props> = ({
+  className = "",
+  heading = "Stays in Tokyo",
+  subHeading,
+}) => {
+  return (
+    <div className={`mb-12 lg:mb-16 ${className}`}>
+      <h2 className="text-4xl font-semibold">{heading}</h2>
+      {subHeading ? (
+        subHeading
+      ) : (
+        <span className="block text-neutral-500 dark:text-neutral-400 mt-3">
+          233 stays
+          <span className="mx-2">·</span>
+          Aug 12 - 18
+          <span className="mx-2">·</span>2 Guests
+        </span>
+      )}
+    </div>
+  );
+};
+
+export default Heading2;