\n {/* Header */}\n

🏠 Real Estate Hub

\n setActiveTab('browse')}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === 'browse'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Browse Properties\n \n setActiveTab('add')}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === 'add'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Add Property\n \n setActiveTab('chat')}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n activeTab === 'chat'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Chat Room\n \n

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

\n {activeTab === 'browse' && (\n \n )}\n \n {activeTab === 'add' && (\n \n )}\n \n {activeTab === 'chat' && (\n \n )}\n

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