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

// Placeholder: Reuse existing supplier wizard or create simplified version
export const SupplierWizardSteps = (
  data: Record<string, any>,
  setData: (data: Record<string, any>) => void
): WizardStep[] => [
  {
    id: 'supplier-info',
    title: 'Información del Proveedor',
    description: 'Datos de contacto y términos',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Wizard de Proveedor - Implementar formulario de información del proveedor
        </p>
        <button onClick={props.onNext} className="mt-4 px-6 py-2 bg-[var(--color-primary)] text-white rounded-lg">
          Continuar
        </button>
      </div>
    ),
  },
  {
    id: 'supplier-products',
    title: 'Productos y Precios',
    description: 'Ingredientes que suministra',
    component: (props) => (
      <div className="text-center py-12">
        <p className="text-[var(--text-secondary)]">
          Selección de ingredientes y configuración de precios
        </p>
        <button onClick={props.onComplete} className="mt-4 px-6 py-2 bg-green-600 text-white rounded-lg">
          Finalizar
        </button>
      </div>
    ),
  },
];