import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import classNames from 'classnames';
import { DotDivider } from '../../../../lib/ui/layout/DotDivider.js';
export function SupportedDeviceRow({ deviceModel, }) {
    return (_jsxs("div", { className: 'seam-row', children: [_jsx(ImageColumn, { deviceModel: deviceModel }), _jsx(ModelColumn, { deviceModel: deviceModel }), _jsx(StatusColumn, { deviceModel: deviceModel })] }));
}
export function ImageColumn({ deviceModel, }) {
    return (_jsx("div", { className: 'seam-col seam-device-image-col', children: _jsx("div", { className: 'seam-image-box', children: _jsx("img", { width: 40, src: deviceModel.aesthetic_variants[0]?.images[0]?.url }) }) }));
}
export function ModelColumn({ deviceModel, }) {
    const sku = deviceModel.aesthetic_variants[0]?.manufacturer_sku;
    const connection = deviceModel.main_connection_type === 'unknown'
        ? null
        : deviceModel.main_connection_type;
    return (_jsxs("div", { className: 'seam-col seam-model-col', children: [_jsx("div", { className: 'seam-model-name', children: _jsx("div", { className: 'seam-truncated-text', children: deviceModel.display_name }) }), _jsx("div", { className: 'seam-model-id', children: _jsxs("div", { className: 'seam-truncated-text', children: [sku, sku != null && connection != null && _jsx(DotDivider, {}), connection] }) })] }));
}
export function StatusColumn({ deviceModel, }) {
    const statusColor = supportLevelColors[deviceModel.manufacturer.integration] ?? 'unknown';
    return (_jsx("div", { className: 'seam-col seam-status-col', children: _jsx("div", { className: classNames('seam-status-pill', `status-${statusColor}`), children: _jsx("span", { children: status[deviceModel.manufacturer.integration] }) }) }));
}
const supportLevelColors = {
    stable: 'green',
    beta: 'blue',
    planned: 'unknown',
    unsupported: 'unknown',
    inquire: 'unknown',
};
const status = {
    stable: 'LIVE',
    beta: 'BETA',
    unsupported: 'Inquire',
    planned: 'Inquire',
    inquire: 'Inquire',
};
//# sourceMappingURL=SupportedDeviceRow.js.map