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

import React from 'react'
import classnames from 'classnames'

export default ({
	id,
	title,
	name,
	enabled,
	published,
	selectedDrag,
	isOver,
	position,
	onClick,
	onDoubleClick,
	selected,
}) => (
	<div className={classnames('tree-item', isOver && 'drag-' + position)}>
		<div
			className={classnames('tree-cell', { dragging: selectedDrag, selected: selected })}
			onClick={onClick}
			onDoubleClick={onDoubleClick}>
			<div className="tree-cell-status">
				<div className={classnames('status', (enabled || published) && 'published')} />
			</div>
			<div className="tree-cell-title">{title || name || '[No title/name]'}</div>
		</div>
	</div>
)