import React from 'react';
import { Icon } from '@pisell/materials';
import classNames from 'classnames';
import { DEVICE_ICON_COLOR } from "../../utils";
var DeviceIcon = function DeviceIcon(_ref) {
  var icon = _ref.icon,
    kind = _ref.kind,
    className = _ref.className,
    _ref$fallbackIcon = _ref.fallbackIcon,
    fallbackIcon = _ref$fallbackIcon === void 0 ? 'DesktopOutlined' : _ref$fallbackIcon;
  return /*#__PURE__*/React.createElement("span", {
    className: classNames(className, "is-".concat(kind))
  }, /*#__PURE__*/React.createElement(Icon, {
    type: icon || fallbackIcon,
    color: DEVICE_ICON_COLOR[kind]
  }));
};
export default DeviceIcon;