Tab Bar

"use client";import { TabBar } from "@/components/godui/tab-bar";import { Home, Search, Bell, User } from "lucide-react";import { useState } from "react";const tabs = [{ value: "home", label: "Home", icon: <Home className="size-5" /> },{ value: "search", label: "Search", icon: <Search className="size-5" /> },{ value: "alerts", label: "Alerts", icon: <Bell className="size-5" />, badge: 5 },{ value: "profile", label: "Profile", icon: <User className="size-5" /> },];export function BottomNav() {const [tab, setTab] = useState("home");return <TabBar tabs={tabs} value={tab} onChange={setTab} />;}