import React from 'react';
import { Bolt, Flame, FileText } from 'lucide-react';
import { EneonTabEmptyState } from '../../../Shared/Tabs';

interface EmptyStateProps {
  type: 'electrico' | 'gas' | 'documentos';
}

/**
 * Componente para mostrar estado vacío cuando no hay CUPS o documentos
 */
export const EmptyState: React.FC<EmptyStateProps> = ({ type }) => {
  if (type === 'electrico') {
    return (
      <EneonTabEmptyState
        variant="electrico"
        icon={<Bolt size={24} />}
        title="No hay CUPS eléctricos"
        description="No se encontraron suministros eléctricos para este cliente"
      />
    );
  }

  if (type === 'documentos') {
    return (
      <EneonTabEmptyState
        variant="documentos"
        icon={<FileText size={24} />}
        title="No hay documentos tramitados"
        description="No hay documentos disponibles para este contrato"
      />
    );
  }

  return (
    <EneonTabEmptyState
      variant="gas"
      icon={<Flame size={24} />}
      title="No hay CUPS de gas"
      description="No se encontraron suministros de gas para este contrato"
    />
  );
};