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

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

<dom-module id="settings-cloud-printers">
  <template>
    <style include="settings-shared"></style>
    <div class="settings-box first">
      <span>
        $i18n{printingCloudPrintLearnMoreLabel}
        <a href="$i18n{printingCloudPrintLearnMoreUrl}" target="_blank">
          $i18n{learnMore}
        </a>
      </span>
    </div>
    <settings-toggle-button
        pref="{{prefs.local_discovery.notifications_enabled}}"
        label="$i18n{printingNotificationsLabel}">
    </settings-toggle-button>
    <a class="settings-box inherit-color no-outline" tabindex="-1"
        target="_blank" href="$i18n{devicesUrl}">
      <div class="start">
        $i18n{printingManageCloudPrintDevices}
      </div>
      <cr-icon-button actionable class="icon-external"
          aria-label="$i18n{printingManageCloudPrintDevices}"></cr-icon-button>
    </a>
  </template>
  <script src="cloud_printers.js"></script>
</dom-module>
