Ruleta actvidad completa en React

2026-07-25 01:35:36 -06:00
commit 3ce44d7aac
49 changed files with 4449 additions and 0 deletions
@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react'
+import { useScale } from '../hooks/useScale'
+import Header from '../components/layout/Header'
+import Footer from '../components/layout/Footer'
+
+interface MainLayoutProps {
+  children: ReactNode
+}
+
+export default function MainLayout({ children }: MainLayoutProps) {
+  const scaleRef = useScale()
+
+  return (
+    <div className="w-screen h-screen overflow-hidden bg-white relative">
+      <div ref={scaleRef} className="bg-gray-100 flex flex-col">
+        <Header />
+        <main className="flex-1 flex items-center justify-center px-4 py-8">
+          {children}
+        </main>
+        <Footer />
+      </div>
+    </div>
+  )
+}