38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import { Logo } from '@/components/Logo';
|
|
import { cn } from '@/utils/cn';
|
|
import Link from 'next/link';
|
|
import { usePathname } from 'next/navigation';
|
|
|
|
interface Props {
|
|
darkText?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export function Navbar({ darkText = false, className }: Props) {
|
|
const pathname = usePathname();
|
|
const textColor = darkText ? 'text-blue-dark' : 'text-white';
|
|
return (
|
|
<div
|
|
className={cn('absolute left-0 right-0 top-0 z-10', textColor, className)}
|
|
>
|
|
<div className="container flex items-center justify-between py-4">
|
|
<Logo className="max-sm:[&_span]:hidden" />
|
|
<nav className="flex gap-4">
|
|
{pathname !== '/' && <Link href="/">Home</Link>}
|
|
<Link href="/#pricing" data-event="click_pricing">
|
|
Pricing
|
|
</Link>
|
|
<a href="https://docs.openpanel.dev" target="_blank">
|
|
Docs
|
|
</a>
|
|
<a href="https://dashboard.openpanel.dev" target="_blank">
|
|
Sign in
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|