30 lines
928 B
TypeScript
30 lines
928 B
TypeScript
import React from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
|
|
import { useCheckoutWizard } from "../WizardContext";
|
|
|
|
interface ConfirmationStepProps {
|
|
onViewProfile?: () => void;
|
|
}
|
|
|
|
export const ConfirmationStep: React.FC<ConfirmationStepProps> = ({ onViewProfile }) => {
|
|
const { selectedPackage } = useCheckoutWizard();
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<Alert>
|
|
<AlertTitle>Willkommen bei FotoSpiel</AlertTitle>
|
|
<AlertDescription>
|
|
Ihr Paket wurde aktiviert. Wir haben Ihnen eine Bestätigung per E-Mail gesendet.
|
|
</AlertDescription>
|
|
</Alert>
|
|
<div className="flex flex-wrap gap-3 justify-end">
|
|
<Button variant="outline" onClick={onViewProfile}>
|
|
Profil öffnen
|
|
</Button>
|
|
<Button>Zum Admin-Bereich</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|