\n {/* Header */}\n

🏢 Business Directory

Discover and share local businesses

\n setShowForm(!showForm)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition-colors\"\n >\n {showForm ? \"Cancel\" : \"Add Business\"}\n \n

\n\n

\n {/* Business Form */}\n {showForm && (\n

\n \n

\n )}\n\n {/* Search and Filter */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n setSelectedCategory(e.target.value)}\n className=\"px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n Search\n \n

\n\n {/* Stats */}\n

\n Local Businesses\n

\n {businesses.length} business{businesses.length !== 1 ? \"es\" : \"\"} listed\n

🏪

\n\n {/* Business List */}\n {loading ? (\n

Loading businesses...

\n ) : (\n \n )}\n

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