import React from 'react';
import { WizardStep } from '../../../ui/WizardModal/WizardModal';

export const EquipmentWizardSteps = (
  data: Record<string, any>,
  setData: (data: Record<string, any>) => void
): WizardStep[] => [
  {
    id: 'equipment-details',
    title: 'Detalles del Equipo',
    description: 'Tipo, modelo, ubicación',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Wizard de Equipo - Información del activo
        </p>
        <button onClick={props.onNext} className="mt-4 px-6 py-2 bg-[var(--color-primary)] text-white rounded-lg">
          Continuar
        </button>
      </div>
    ),
  },
  {
    id: 'equipment-maintenance',
    title: 'Mantenimiento',
    description: 'Programación de mantenimiento',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Calendario de mantenimiento
        </p>
        <button onClick={props.onComplete} className="mt-4 px-6 py-2 bg-green-600 text-white rounded-lg">
          Finalizar
        </button>
      </div>
    ),
    isOptional: true,
  },
];