"use strict";var x=Object.create;var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var C=Object.getPrototypeOf;var N=Object.prototype.hasOwnProperty;var d=(e,s)=>i(e,"name",{value:s,configurable:true});var P=(e,s)=>{for(var t in s)i(e,t,{get:s[t],enumerable:true})};var g=(e,s,t,l)=>{if(s&&typeof s==="object"||typeof s==="function"){for(let o of u(s))if(!N.call(e,o)&&o!==t)i(e,o,{get:()=>s[o],enumerable:!(l=m(s,o))||l.enumerable})}return e};var a=(e,s,t)=>(t=e!=null?x(C(e)):{},g(s||!e||!e.__esModule?i(t,"default",{value:e,enumerable:true}):t,e));var T=e=>g(i({},"__esModule",{value:true}),e);var f=(e,s,t,l)=>{var o=l>1?void 0:l?m(s,t):s;for(var p=e.length-1,c;p>=0;p--)if(c=e[p])o=(l?c(s,t,o):c(o))||o;if(l&&o)i(s,t,o);return o};var R={};P(R,{default:()=>S});module.exports=T(R);var n=require("react/jsx-runtime");var b=a(require("classnames"));var y=require("lodash");var I=require("mobx-react");var h=require("react");var v=a(require("react-jss"));var w=a(require("../../../components/ui/ServiceIcon"));var k=a(require("../../../components/ui/toggle"));const E=d(e=>({listItem:{height:e.workspaces.settings.listItems.height,borderBottom:`1px solid ${e.workspaces.settings.listItems.borderColor}`,display:"flex",alignItems:"center"},serviceIcon:{padding:e.workspaces.settings.listItems.padding},toggle:{height:"auto",margin:0},label:{padding:e.workspaces.settings.listItems.padding,flexGrow:1},disabledLabel:{color:e.workspaces.settings.listItems.disabled.color}}),"styles");let r=class extends h.Component{render(){const{classes:s,isInWorkspace:t,onToggle:l,service:o}=this.props;return(0,n.jsxs)("div",{className:s.listItem,onClick:l,onKeyDown:y.noop,children:[(0,n.jsx)(w.default,{className:s.serviceIcon,service:o}),(0,n.jsx)("span",{className:(0,b.default)([s.label,o.isEnabled?null:s.disabledLabel]),children:o.name}),(0,n.jsx)(k.default,{className:s.toggle,checked:t,onChange:l})]})}};d(r,"WorkspaceServiceListItem");r=f([I.observer],r);var S=(0,v.default)(E,{injectTheme:true})(r);
