import React from 'react';
import { Button } from 'react-bootstrap';
import { Edit, Save, X, Trash } from 'lucide-react';

interface ActionsColumnProps {
  isEditing: boolean;
  onEdit: () => void;
  onSave: () => void;
  onCancel: () => void;
  onDelete: () => void;
}

/**
 * Componente de columna de acciones para las filas de CUPS
 */
export const ActionsColumn: React.FC<ActionsColumnProps> = ({
  isEditing,
  onEdit,
  onSave,
  onCancel,
  onDelete
}) => {
  return (
    <div className="d-flex gap-1">
      {isEditing ? (
        <>
          <Button
            variant="success"
            size="sm"
            onClick={onSave}
            title="Guardar cambios"
          >
            <Save size={14} />
          </Button>
          <Button
            variant="secondary"
            size="sm"
            onClick={onCancel}
            title="Cancelar edición"
          >
            <X size={14} />
          </Button>
        </>
      ) : (
        <>
          <Button
            variant="warning"
            size="sm"
            onClick={onEdit}
            title="Editar fila"
          >
            <Edit size={14} />
          </Button>
          <Button
            variant="danger"
            size="sm"
            onClick={onDelete}
            title="Eliminar cups"
          >
            <Trash size={14} />
          </Button>
        </>
      )}
    </div>
  );
};