Initial commit

src/components/navbar/Logo.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+// import Image from "next/image";
+import { cls } from "@/lib/utils";
+
+interface LogoProps {
+  // logoSrc?: string;
+  // logoAlt?: string;
+  brandName?: string;
+  // className?: string;
+  // imageClassName?: string;
+  textClassName?: string;
+}
+
+const Logo = ({
+  // logoSrc,
+  // logoAlt = "",
+  brandName = "Webild",
+  // className = "",
+  // imageClassName = "",
+  textClassName = ""
+}: LogoProps) => {
+  // if (logoSrc) {
+  //   return (
+  //     <div className={cls("relative h-[var(--text-xl)] w-auto", className)}>
+  //       <Image
+  //         src={logoSrc}
+  //         alt={logoAlt}
+  //         width={100}
+  //         height={24}
+  //         className={cls("h-full w-auto object-contain", imageClassName)}
+  //         unoptimized={logoSrc.startsWith('http') || logoSrc.startsWith('//')}
+  //       />
+  //     </div>
+  //   );
+  // }
+
+  return (
+    <h2 className={cls("text-xl font-medium text-foreground", textClassName)}>
+      {brandName}
+    </h2>
+  );
+};
+
+Logo.displayName = "Logo";
+
+export default Logo;