import { useState } from "react"; import { Tabs, TabsList, tabsStyle, TabsTrigger } from "~/components/ui/tabs"; import BottomNavigation from "~/components/bottom-nav"; import { CalendarCheck, ChefHat } from "lucide-react"; import WIP from "./wip"; import Menus from "./menus"; const tabs = [ { value: "menu", label: "Menus", icon: , content: , }, { value: "bjrepas", label: "BJ Repas", icon: , content: , }, ]; export default function RepasPage() { // user / notifications / preferences tabs const [activeTab, setActiveTab] = useState(tabs[0].value); return (
{/* Tabs */} {tabs.map((tab) => ( {tab.icon} {tab.label} ))} {/* Tab Content */}
{tabs.map((tab) => (
{tab.content}
))}
); }