\n );\n }\n\n const tabs = [\n { id: 'dashboard', label: '📊 Dashboard', icon: '📊' },\n { id: 'inventory', label: '📦 Inventory', icon: '📦' },\n { id: 'sales', label: '💰 Sales', icon: '💰' },\n { id: 'customers', label: '👥 Customers', icon: '👥' }\n ];\n\n return (\n

\n {/* Header */}\n

🏪 VendorHub

\n Small Business Management\n

\n \n {new Date().toLocaleDateString()}\n \n

\n\n {/* Navigation */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id as Tab)}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.label}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {activeTab === 'dashboard' && (\n \n )}\n {activeTab === 'inventory' && (\n \n )}\n {activeTab === 'sales' && (\n \n )}\n {activeTab === 'customers' && (\n \n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Deedeesworld/untitled-7517/code/frontend/components/App.tsx","extension","actionData","errors"]