-
Notifications
You must be signed in to change notification settings - Fork 128
/
navbar.tsx
30 lines (28 loc) · 947 Bytes
/
navbar.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import Link from "next/link";
import { buttonVariants } from "./ui/button";
import ToggleTheme from "./toggle";
import { NamedLogoWithLink } from "./logo";
import Profile from "./profile";
import { SquarePen } from "lucide-react";
const btnVariant = buttonVariants({
variant: "link",
className: "text-base flex flex-row item-center",
size: "sm",
});
export default function Navbar() {
return (
<nav className="w-full flex flex-row items-center justify-between h-24 sm:mb-7 mmb-2 top-0 sticky bg-background">
<NamedLogoWithLink />
<div className="flex-row items-center flex">
<ToggleTheme />
<div className="sm:ml-3 flex flex-row items-center">
<Link href="/chat" className={btnVariant}>
<SquarePen className="w-5 h-5 sm:hidden flex" />
<span className="sm:flex hidden">New chat</span>
</Link>
<Profile />
</div>
</div>
</nav>
);
}