-
-
-
+
+ )
+}
+
+function MapPlaceholder() {
+ return (
+
+ نقشه
+
+ )
+}
+
+function SelectorRow({ label, value }: { label: string; value: string }) {
+ return (
+
+
{label}
+
+
+ )
+}
+
+function CafeCard({ cafe }: { cafe: Cafe }) {
+ return (
+
+
+
{cafe.name}
+ {cafe.seats} صندلی
+
+
+
+ )
+}
+
+export default function Home() {
+ const [view, setView] = useState<'list' | 'map'>('list')
+
+ return (
+
+
+
+
+
+
+
+
کافهها
+
+
+
+
+
+
+
+ {view === 'list' ? (
+
+ {mockCafes.map((cafe) => (
+
+ ))}
+
+ ) : (
+
+ )}
+
+
+
)
}
diff --git a/vite.config.js b/vite.config.js
index 8b0f57b..c4069b7 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,8 @@
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
// https://vite.dev/config/
export default defineConfig({
- plugins: [react()],
+ plugins: [react(), tailwindcss()],
})