<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="../controls/settings_toggle_button.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="constants.html">
<link rel="import" href="site_settings_behavior.html">
<link rel="import" href="site_settings_prefs_browser_proxy.html">

<dom-module id="category-default-setting">
  <template>
    <style include="settings-shared"></style>
    <settings-toggle-button id="toggle"
        class="first"
        pref="{{controlParams_}}" label="[[optionLabel_]]"
        sub-label="[[optionDescription]]"
        disabled$="[[isToggleDisabled_(category)]]">
    </settings-toggle-button>
    <template is="dom-if" if="[[subOptionLabel]]">
      <settings-toggle-button id="subOptionToggle"
          pref="{{subControlParams_}}"
          label="[[subOptionLabel]]" sub-label="[[subOptionDescription]]"
          disabled$="[[!controlParams_.value]]">
      </settings-toggle-button>
    </template>
  </template>
  <script src="category_default_setting.js"></script>
</dom-module>
