import { useState } from “react”; import { Card, CardContent } from “@/components/ui/card”; import { Button } from “@/components/ui/button”; import { Input } from “@/components/ui/input”; import { Checkbox } from “@/components/ui/checkbox”; import { Tabs, TabsContent, TabsList, TabsTrigger } from “@/components/ui/tabs”; export default function MockupComunitàEnergetica() { const [step, setStep] = useState(1); return (

Portale Soci – Comunità Energetica

{/* Stepper */}
{[1, 2, 3, 4, 5, 6].map((s) => (
{s}
))}
{/* Step Content */} {step === 1 && (

Step 1 – Dati personali

)} {step === 2 && (

Step 2 – Dati energetici

)} {step === 3 && (

Step 3 – Dati bancari

Bonifico Carta PagoPA Inserisci IBAN per addebito/rimborso Inserisci dati carta Pagamento tramite PagoPA
)} {step === 4 && (

Step 4 – Documenti

)} {step === 5 && (

Step 5 – Consensi

)} {step === 6 && (

Step 6 – Riepilogo & Invio

Controlla i dati inseriti e invia la pratica.

)}
); }