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

export const CustomerWizardSteps = (
  data: Record<string, any>,
  setData: (data: Record<string, any>) => void
): WizardStep[] => [
  {
    id: 'customer-details',
    title: 'Detalles del Cliente',
    description: 'Información de contacto',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Wizard de Cliente - Información básica y contacto
        </p>
        <button onClick={props.onNext} className="mt-4 px-6 py-2 bg-[var(--color-primary)] text-white rounded-lg">
          Continuar
        </button>
      </div>
    ),
  },
  {
    id: 'customer-preferences',
    title: 'Preferencias y Términos',
    description: 'Condiciones comerciales',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Preferencias y términos de pago
        </p>
        <button onClick={props.onComplete} className="mt-4 px-6 py-2 bg-green-600 text-white rounded-lg">
          Finalizar
        </button>
      </div>
    ),
    isOptional: true,
  },
];