import React from 'react';
import { observer } from 'mobx-react';
import { SortableContainer } from 'react-sortable-hoc';
import TabItem from './TabItem';
import { ctrlKey } from '../../../environment';
export default SortableContainer(observer(({
services,
setActive,
reload,
toggleNotifications,
deleteService,
disableService,
openSettings,
}) => (
{services.map((service, index) => (
setActive({ serviceId: service.id })}
service={service}
index={index}
shortcutIndex={index + 1}
reload={() => reload({ serviceId: service.id })}
toggleNotifications={() => toggleNotifications({ serviceId: service.id })}
deleteService={() => deleteService({ serviceId: service.id })}
disableService={() => disableService({ serviceId: service.id })}
openSettings={openSettings}
/>
))}
-
)));