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

export const blogDashboardModule: DashboardModule = {
  id: 'blog',
  getTitle: () => 'Blog',
  getDescription: () => 'Erstelle und verwalte Blogbeiträge',
  getIllustration: () => '/images/robo/robo_blogauthor.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>
      <BlogWizardContainer onComplete={onBack} />
    </div>
  ),
};
