Initial commit

src/components/navbar/NavbarStyleMinimal.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import Button from "../button/Button";
+import Logo from "./Logo";
+import { cls } from "@/lib/utils";
+import { getButtonProps } from "@/lib/buttonUtils";
+import { useTheme } from "@/providers/themeProvider/ThemeProvider";
+import type { ButtonConfig } from "@/types/button";
+
+interface NavbarStyleMinimalProps {
+  // logoSrc?: string;
+  // logoAlt?: string;
+  brandName?: string;
+  button: ButtonConfig;
+  className?: string;
+  buttonClassName?: string;
+  buttonTextClassName?: string;
+}
+
+const NavbarStyleMinimal = ({
+  // logoSrc,
+  // logoAlt = "",
+  brandName = "Webild",
+  button,
+  className = "",
+  buttonClassName = "",
+  buttonTextClassName = "",
+}: NavbarStyleMinimalProps) => {
+    const theme = useTheme();
+
+    return (
+      <nav
+        role="navigation"
+        aria-label="Main navigation"
+        className={cls(
+          "fixed z-[100] top-6 w-full",
+          "transition-all duration-500 ease-in-out",
+          className
+        )}
+      >
+        <div className={cls(
+          "w-content-width mx-auto",
+          "flex items-center justify-between"
+        )}>
+          <Logo brandName={brandName} />
+
+          <Button
+            {...getButtonProps(
+              button,
+              0,
+              theme.defaultButtonVariant,
+              buttonClassName,
+              buttonTextClassName
+            )}
+          />
+        </div>
+      </nav>
+  );
+};
+
+export default NavbarStyleMinimal;