import DeviceModelPicker from "../../../shared/DeviceModelPicker.js";
import React from "react";
import { Spin } from "antd";
//#region src/plus/saasDevice/devicePlanning/components/DeviceDetailDrawer/components/connectDeviceModal/PickNewPeripheralStep.tsx
const PickNewPeripheralStep = ({ loading, models, brands, getText, translation, onSelect }) => /* @__PURE__ */ React.createElement("div", { className: "device-detail-drawer__connect-targets" }, /* @__PURE__ */ React.createElement(Spin, { spinning: loading }, /* @__PURE__ */ React.createElement(DeviceModelPicker, {
	activeKind: "dumb",
	models,
	brands,
	getText,
	translation,
	onSelect
})));
//#endregion
export { PickNewPeripheralStep as default };
