<li class="{{if todo.isCompleted 'completed'}} {{if isEditing 'editing'}}">
  {{#if isEditing}}
    {{edit-todo class="edit" value=todo.title focus-out="acceptChanges" insert-newline="acceptChanges"}}
  {{else}}
    <input type="checkbox" class="toggle" checked={{todo.isCompleted}} onclick={{action "complete" value="target.checked"}} />
    <label {{action "edit" on="doubleClick"}}>{{todo.title}}</label><button class="destroy"></button>
  {{/if}}
</li>

<li class="{{if todo.isCompleted 'completed'}} {{if isEditing 'editing'}}">
  {{#if isEditing}}
    {{edit-todo class="edit" value=todo.title focus-out="acceptChanges" insert-newline="acceptChanges"}}
  {{else}}
    <input type="checkbox" class="toggle" checked={{todo.isCompleted}} onclick={{action "complete" value="target.checked"}} />
    <label {{action "edit" on="doubleClick"}}>{{todo.title}}</label>
      <button class="destroy" {{action "removeTodo"}}></button>
  {{/if}}
</li>

Delete todo by clicking a button.
Delete todo by clicking a button.
