48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
|
import {
|
||
|
|
Navbar as NextUINavbar,
|
||
|
|
NavbarContent,
|
||
|
|
NavbarMenu,
|
||
|
|
NavbarMenuToggle,
|
||
|
|
NavbarBrand,
|
||
|
|
NavbarItem,
|
||
|
|
NavbarMenuItem,
|
||
|
|
} from "@nextui-org/navbar";
|
||
|
|
import { Button } from "@nextui-org/button";
|
||
|
|
import { Kbd } from "@nextui-org/kbd";
|
||
|
|
import { Link } from "@nextui-org/link";
|
||
|
|
import { Input } from "@nextui-org/input";
|
||
|
|
import { link as linkStyles } from "@nextui-org/theme";
|
||
|
|
import NextLink from "next/link";
|
||
|
|
import clsx from "clsx";
|
||
|
|
|
||
|
|
import { siteConfig } from "@/config/site";
|
||
|
|
import { ThemeSwitch } from "@/components/theme-switch";
|
||
|
|
import {
|
||
|
|
TwitterIcon,
|
||
|
|
GithubIcon,
|
||
|
|
DiscordIcon,
|
||
|
|
HeartFilledIcon,
|
||
|
|
SearchIcon,
|
||
|
|
Logo,
|
||
|
|
} from "@/components/icons";
|
||
|
|
|
||
|
|
export const Navbar = () => {
|
||
|
|
|
||
|
|
|
||
|
|
return (
|
||
|
|
<NextUINavbar maxWidth="xl" position="sticky">
|
||
|
|
<NavbarContent className="basis-1/5 sm:basis-full" justify="start">
|
||
|
|
<ul className="hidden lg:flex gap-4 justify-start ml-2">
|
||
|
|
<NavbarItem>
|
||
|
|
<NextLink href={"/"}>Home</NextLink>
|
||
|
|
</NavbarItem>
|
||
|
|
<NavbarItem>
|
||
|
|
<NextLink href={"/dashboard"}>Dashboard</NextLink>
|
||
|
|
</NavbarItem>
|
||
|
|
</ul>
|
||
|
|
</NavbarContent>
|
||
|
|
|
||
|
|
</NextUINavbar>
|
||
|
|
);
|
||
|
|
};
|