59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
"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="fixed z-[100] top-6 w-full transition-all duration-500 ease-in-out"
|
|
>
|
|
<div className={cls(
|
|
"w-content-width mx-auto",
|
|
"flex items-center justify-between",
|
|
className
|
|
)}>
|
|
<Logo brandName={brandName} />
|
|
|
|
<Button
|
|
{...getButtonProps(
|
|
button,
|
|
0,
|
|
theme.defaultButtonVariant,
|
|
buttonClassName,
|
|
buttonTextClassName
|
|
)}
|
|
/>
|
|
</div>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default NavbarStyleMinimal;
|