import React from 'react';
import { ArrowLeft } from 'lucide-react';
import { Button } from '@/components/ui/button';
import EventWizardContainer from '@/features/event/containers/EventWizardContainer';
import { type DashboardModule } from '@/components/dashboard/dashboardModuleTypes';

export const eventDashboardModule: DashboardModule = {
  id: 'event',
  getTitle: () => 'Veranstaltung',
  getDescription: () => 'Verwalte deine Veranstaltungen',
  getIllustration: () => '/images/robo/robo_event.png',
  renderWizard: (_ctx, onBack) => (
    <div className="space-y-6">
      <Button
        variant="ghost"
        className="mb-4"
        onClick={onBack}
      >
        <ArrowLeft className="mr-2 h-4 w-4" />
        Zurück zur Übersicht
      </Button>
      <EventWizardContainer onComplete={onBack} />
    </div>
  ),
};
