first commit

2025-09-02 19:50:17 -04:00
parent fe4a89f81e
commit 685c92a82f
37 changed files with 1460 additions and 301 deletions
@@ -0,0 +1,10 @@
+.receipt {
+    max-width: 600px;
+    margin-top: 1rem;
+    border: 1px solid #e5e7eb;
+    border-radius: 4px;
+    background-color: #f9fafb;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+}
@@ -0,0 +1,48 @@
+'use client'
+
+import { useState, ReactNode } from "react";
+import "./StepNavigator.css"
+
+interface StepNavigatorProps {
+    totalSteps: number;
+    children: ReactNode[];
+    onFinish?: () => void;
+}
+
+export default function StepNavigator({ totalSteps, children, onFinish }: StepNavigatorProps) {
+    const [step, setStep] = useState(1);
+
+    const handleNext = (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault();
+        if (step < totalSteps) setStep(step + 1);
+        else if (onFinish) onFinish();
+    };
+
+    const handlePrev = (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault();
+        if (step > 1) setStep(step - 1);
+    };
+
+    return (
+        <div className="receipt">
+            {children[step - 1]}
+
+            <div className="buttonContainer">
+                {step > 1 && (
+                    <button
+                        onClick={handlePrev}
+                        className="button buttonSearch">
+                        Atrás
+                    </button>
+                )}
+
+                <button
+                    onClick={handleNext}
+                    className="button buttonSearch"
+                >
+                    {step === totalSteps ? "Inscribir" : "Siguiente"}
+                </button>
+            </div>
+        </div>
+    );
+}