import React from 'react';
import { Spin } from 'antd';
import DeviceModelPicker from "../shared/DeviceModelPicker";
var PickNewPeripheralStep = function PickNewPeripheralStep(_ref) {
  var loading = _ref.loading,
    models = _ref.models,
    brands = _ref.brands,
    getText = _ref.getText,
    translation = _ref.translation,
    onSelect = _ref.onSelect;
  return /*#__PURE__*/React.createElement("div", {
    className: "saas-app-peripheral-connect__targets"
  }, /*#__PURE__*/React.createElement(Spin, {
    spinning: loading
  }, /*#__PURE__*/React.createElement(DeviceModelPicker, {
    activeKind: "dumb",
    models: models,
    brands: brands,
    getText: getText,
    translation: translation,
    onSelect: onSelect
  })));
};
export default PickNewPeripheralStep;