@bigfishtv/cockpit/es5/components/tree/ReorderableCell.js

'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = function (_ref) {
	var id = _ref.id,
	    title = _ref.title,
	    name = _ref.name,
	    enabled = _ref.enabled,
	    published = _ref.published,
	    selectedDrag = _ref.selectedDrag,
	    isOver = _ref.isOver,
	    position = _ref.position,
	    onClick = _ref.onClick,
	    onDoubleClick = _ref.onDoubleClick,
	    selected = _ref.selected;
	return _react2.default.createElement(
		'div',
		{ className: (0, _classnames2.default)('tree-item', isOver && 'drag-' + position) },
		_react2.default.createElement(
			'div',
			{
				className: (0, _classnames2.default)('tree-cell', { dragging: selectedDrag, selected: selected }),
				onClick: onClick,
				onDoubleClick: onDoubleClick },
			_react2.default.createElement(
				'div',
				{ className: 'tree-cell-status' },
				_react2.default.createElement('div', { className: (0, _classnames2.default)('status', (enabled || published) && 'published') })
			),
			_react2.default.createElement(
				'div',
				{ className: 'tree-cell-title' },
				title || name || '[No title/name]'
			)
		)
	);
};