import React from 'react';
import { Logo } from './Logo';
export var 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.createElement("li", { className: "connected-devices-item " + (isHighlighted ? 'highlighted' : '') },
        React.createElement(Logo, { deviceType: type.toLowerCase(), logo: logo, applicationName: applicationName }),
        React.createElement("div", null,
            React.createElement("p", { className: "connected-devices-type" },
                applicationName,
                platform && " \u2022 " + platform),
            React.createElement("p", { className: "connected-devices-details" }, city)),
        trashButton));
};
//# sourceMappingURL=ConnectedDeviceView.js.map