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

<dom-module id="settings-pdf-documents">
  <template>
    <style include="settings-shared">
    .secondary {
      margin-top: 0;  /* Cancel separation between main and secondary text. */
    }
    </style>
    <div class="settings-box first two-line">
      <div class="start secondary">
        $i18n{siteSettingsPdfDifferentApplication}
      </div>
      <settings-toggle-button id="toggle" checked="{{categoryEnabled}}"
          on-change="onToggleChange_"
          pref="{{prefs.plugins.always_open_pdf_externally}}">
      </settings-toggle-button>
    </div>
  </template>
  <script src="pdf_documents.js"></script>
</dom-module>
