"use client" import * as React from "react" import { NavFavorites } from "@/registry/bases/radix/blocks/sidebar-10/components/nav-favorites" import { NavMain } from "@/registry/bases/radix/blocks/sidebar-10/components/nav-main" import { NavSecondary } from "@/registry/bases/radix/blocks/sidebar-10/components/nav-secondary" import { NavWorkspaces } from "@/registry/bases/radix/blocks/sidebar-10/components/nav-workspaces" import { TeamSwitcher } from "@/registry/bases/radix/blocks/sidebar-10/components/team-switcher" import { Sidebar, SidebarContent, SidebarHeader, SidebarRail, } from "@/registry/bases/radix/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" // This is sample data. const data = { teams: [ { name: "Acme Inc", logo: ( ), plan: "Enterprise", }, { name: "Acme Corp.", logo: ( ), plan: "Startup", }, { name: "Evil Corp.", logo: ( ), plan: "Free", }, ], navMain: [ { title: "Search", url: "#", icon: ( ), }, { title: "Ask AI", url: "#", icon: ( ), }, { title: "Home", url: "#", icon: ( ), isActive: true, }, { title: "Inbox", url: "#", icon: ( ), badge: "10", }, ], navSecondary: [ { title: "Calendar", url: "#", icon: ( ), }, { title: "Settings", url: "#", icon: ( ), }, { title: "Templates", url: "#", icon: ( ), }, { title: "Trash", url: "#", icon: ( ), }, { title: "Help", url: "#", icon: ( ), }, ], favorites: [ { name: "Project Management & Task Tracking", url: "#", emoji: "📊", }, { name: "Family Recipe Collection & Meal Planning", url: "#", emoji: "🍳", }, { name: "Fitness Tracker & Workout Routines", url: "#", emoji: "💪", }, { name: "Book Notes & Reading List", url: "#", emoji: "📚", }, { name: "Sustainable Gardening Tips & Plant Care", url: "#", emoji: "🌱", }, { name: "Language Learning Progress & Resources", url: "#", emoji: "🗣️", }, { name: "Home Renovation Ideas & Budget Tracker", url: "#", emoji: "🏠", }, { name: "Personal Finance & Investment Portfolio", url: "#", emoji: "💰", }, { name: "Movie & TV Show Watchlist with Reviews", url: "#", emoji: "🎬", }, { name: "Daily Habit Tracker & Goal Setting", url: "#", emoji: "✅", }, ], workspaces: [ { name: "Personal Life Management", emoji: "🏠", pages: [ { name: "Daily Journal & Reflection", url: "#", emoji: "📔", }, { name: "Health & Wellness Tracker", url: "#", emoji: "🍏", }, { name: "Personal Growth & Learning Goals", url: "#", emoji: "🌟", }, ], }, { name: "Professional Development", emoji: "💼", pages: [ { name: "Career Objectives & Milestones", url: "#", emoji: "🎯", }, { name: "Skill Acquisition & Training Log", url: "#", emoji: "🧠", }, { name: "Networking Contacts & Events", url: "#", emoji: "🤝", }, ], }, { name: "Creative Projects", emoji: "🎨", pages: [ { name: "Writing Ideas & Story Outlines", url: "#", emoji: "✍️", }, { name: "Art & Design Portfolio", url: "#", emoji: "🖼️", }, { name: "Music Composition & Practice Log", url: "#", emoji: "🎵", }, ], }, { name: "Home Management", emoji: "🏡", pages: [ { name: "Household Budget & Expense Tracking", url: "#", emoji: "💰", }, { name: "Home Maintenance Schedule & Tasks", url: "#", emoji: "🔧", }, { name: "Family Calendar & Event Planning", url: "#", emoji: "📅", }, ], }, { name: "Travel & Adventure", emoji: "🧳", pages: [ { name: "Trip Planning & Itineraries", url: "#", emoji: "🗺️", }, { name: "Travel Bucket List & Inspiration", url: "#", emoji: "🌎", }, { name: "Travel Journal & Photo Gallery", url: "#", emoji: "📸", }, ], }, ], } export function AppSidebar({ ...props }: React.ComponentProps) { return ( ) }