import * as React from "react"; import { TabBar } from "@audi-dash/ui"; function Root({ children }: { children: React.ReactNode }) { return (
{children}
); } const HomeIcon = ( ); const ListIcon = ( ); const CarIcon = ( ); const GearIcon = ( ); const items = [ { key: "home", label: "Übersicht", icon: HomeIcon }, { key: "trips", label: "Fahrten", icon: ListIcon }, { key: "car", label: "Fahrzeug", icon: CarIcon }, { key: "settings", label: "Einstellungen", icon: GearIcon }, ]; export function Default() { const [active, setActive] = React.useState("home"); return (
); } export function IconOnly() { const [active, setActive] = React.useState("trips"); return (
); }