Loading your calendar...

\n );\n }\n\n const tabs = [\n { id: 'events', label: 'Upcoming Events', icon: '📅' },\n { id: 'free-time', label: 'Free Time', icon: '⏰' },\n { id: 'schedule', label: 'Schedule Meeting', icon: '➕' },\n { id: 'settings', label: 'Settings', icon: '⚙️' },\n ];\n\n return (\n

\n {/* Header */}\n

\n 📅\n

Calendar Assistant

\n \n

\n {userInfo && (\n

\n ${userInfo.name}\n$ \n {userInfo.name}\n

\n )}\n \n Sign Out\n \n

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

\n {tabs.map((tab) => (\n setActiveTab(tab.id)}\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.icon}\n {tab.label}\n \n ))}\n

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

\n {activeTab === 'events' && (\n \n )}\n \n {activeTab === 'free-time' && (\n \n )}\n \n {activeTab === 'schedule' && (\n \n )}\n \n {activeTab === 'settings' && (\n \n )}\n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Syphrose1990/Reminder/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]