<template>
  <require from="aurelia-kendoui-bridge/switch/switch"></require>
  <require from="./value-binding.css!css"></require>

  <div id="example">
      <div class="demo-section k-content">
        <p>Notifications are ${isChecked ? 'enabled' : 'disabled'}</p>
        <input type="checkbox" checked.bind="isChecked"/>

        <div class="settings-head"></div>
        <ul>
            <li>Notifications <input ak-switch="k-on-label.two-way: onLabel; k-checked.bind: true" ak-switch.ref="switch"/></li>
        </ul>
        <button click.delegate="changeLabel()">ChangeLabel</button>
      </div>
  </div>
</template>