"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var Logo_1 = require("./Logo");
exports.ConnectedDeviceView = function (_a) {
    var deviceInfo = _a.deviceInfo, isHighlighted = _a.isHighlighted, trashButton = _a.trashButton;
    var applicationName = deviceInfo.applicationName, type = deviceInfo.type, city = deviceInfo.city, logo = deviceInfo.logo, platform = deviceInfo.platform;
    return (react_1.default.createElement("li", { className: "connected-devices-item " + (isHighlighted ? 'highlighted' : '') },
        react_1.default.createElement(Logo_1.Logo, { deviceType: type.toLowerCase(), logo: logo, applicationName: applicationName }),
        react_1.default.createElement("div", null,
            react_1.default.createElement("p", { className: "connected-devices-type" },
                applicationName,
                platform && " \u2022 " + platform),
            react_1.default.createElement("p", { className: "connected-devices-details" }, city)),
        trashButton));
};
//# sourceMappingURL=ConnectedDeviceView.js.map