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>
  );
};
