From c8a31c65ec615218beeda3015629597288b1f642 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Sat, 9 Sep 2023 17:20:56 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Refactor=20Logo=20component=20?=
 =?UTF-8?q?=F0=9F=96=BC=EF=B8=8F=20Update=20image=20handling=20and=20comme?=
 =?UTF-8?q?nts=20=F0=9F=9A=80=20Improve=20code=20readability=20?=
 =?UTF-8?q?=F0=9F=94=8C=20Add=20options=20for=20both=20light=20and=20dark?=
 =?UTF-8?q?=20logos=20=E2=9C=A8=20Enhance=20Logo=20component=20functionali?=
 =?UTF-8?q?ty?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/shared/Logo.tsx b/src/shared/Logo.tsx
new file mode 100644
index 0000000..01d2703
--- /dev/null
+++ b/src/shared/Logo.tsx
@@ -0,0 +1,50 @@
+import React from "react";
+import logoImg from "@/images/logo.png";
+import logoLightImg from "@/images/logo-light.png";
+import LogoSvgLight from "./LogoSvgLight";
+import LogoSvg from "./LogoSvg";
+import Link from "next/link";
+import { StaticImageData } from "next/image";
+
+export interface LogoProps {
+  img?: StaticImageData;
+  imgLight?: StaticImageData;
+  className?: string;
+}
+
+const Logo: React.FC<LogoProps> = ({
+  img = logoImg,
+  imgLight = logoLightImg,
+  className = "w-24",
+}) => {
+  return (
+    <Link
+      href="/"
+      className={`ttnc-logo inline-block text-primary-6000 focus:outline-none focus:ring-0 ${className}`}
+    >
+      <LogoSvgLight />
+      <LogoSvg />
+
+      {/* THIS USE FOR MY CLIENT */}
+      {/* PLEASE UN COMMENT BELLOW CODE AND USE IT */}
+      {/* {img ? (
+        <img
+          className={`block max-h-12 ${imgLight ? "dark:hidden" : ""}`}
+          src={img}
+          alt="Logo"
+        />
+      ) : (
+        "Logo Here"
+      )}
+      {imgLight && (
+        <img
+          className="hidden max-h-12 dark:block"
+          src={imgLight}
+          alt="Logo-Light"
+        />
+      )} */}
+    </Link>
+  );
+};
+
+export default Logo;