{this.props.items.map(item =>(
))}
*/ render() { var _this = this; return React.createElement( "div", { className: "media-list media-list-hover", "data-provide": "selectall selectable sortable", "data-sortable-handle": ".sortable-dot" }, this.props.items.map(function (item) { return React.createElement( "div", { className: "media media-single", key: item.id }, React.createElement("span", { className: "sortable-dot" }), React.createElement( "label", { className: "custom-control custom-control-lg custom-checkbox flex-grow-1" }, React.createElement("input", { type: "checkbox", className: "custom-control-input" }), React.createElement("span", { className: "custom-control-indicator" }), React.createElement( "span", { className: "custom-control-description strike-on-check" }, item.text ) ), React.createElement( "a", { className: "media-action hover-danger", href: "#", "data-provide": "tooltip", title: "Delete", onClick: _this.delete.bind(_this, item) }, React.createElement("i", { className: "ti-close" }) ) ); }) ); } delete(id){ this.props.delete(id); } } ReactDOM.render( React.createElement(TodoApp, null), document.getElementById('todo-app') ); });