animated-theme-toggle-navbar-demo

1import { AnimatedThemeToggle } from "@/registry/default/ui/animated-theme-toggle";
2 
3export default function AnimatedThemeToggleNavbarDemo() {
4  return (
5    <div className="flex w-full max-w-2xl items-center justify-between rounded-lg border bg-card p-4">
6      <div className="flex items-center gap-2">
7        <div className="h-8 w-8 rounded-full bg-primary" />
8        <span className="font-semibold text-foreground">MyApp</span>
9      </div>
10      <nav className="hidden items-center gap-6 md:flex">
11        <a
12          href="/"
13          className="text-muted-foreground text-sm hover:text-foreground"
14        >
15          Home
16        </a>
17        <a
18          href="/"
19          className="text-muted-foreground text-sm hover:text-foreground"
20        >
21          Features
22        </a>
23        <a
24          href="/"
25          className="text-muted-foreground text-sm hover:text-foreground"
26        >
27          Pricing
28        </a>
29        <a
30          href="/"
31          className="text-muted-foreground text-sm hover:text-foreground"
32        >
33          About
34        </a>
35      </nav>
36      <AnimatedThemeToggle />
37    </div>
38  );
39}