import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
export function getTemplate() {
    return html `<!--_html_template_start_--><style include="settings-shared settings-columned-section"></style>
<settings-subpage page-title="$i18n{siteSettingsAntiAbuse}"
    route-path$="[[routePath]]">
  <settings-toggle-button
      id="toggleButton"
      pref="{{pref_}}"
      no-set-pref
      label="$i18n{siteSettingsAntiAbuse}"
      sub-label="$i18n{siteSettingsAntiAbuseDescription}"
      disabled="[[toggleDisabled_]]"
      on-settings-boolean-control-change="onToggleChange_">
  </settings-toggle-button>
  <div class="settings-columned-section">
    <div class="column">
      <h2 class="description-header">$i18n{columnHeadingWhenOn}</h2>
      <ul class="icon-bulleted-list">
        <li>
          <cr-icon icon="settings20:archive" aria-hidden="true"></cr-icon>
          <div class="secondary">$i18n{antiAbuseWhenOnSectionOne}</div>
        </li>
        <li>
          <cr-icon icon="settings20:dashboard" aria-hidden="true"></cr-icon>
          <div class="secondary">$i18n{antiAbuseWhenOnSectionTwo}</div>
        </li>
        <li>
          <cr-icon icon="settings20:timer" aria-hidden="true"></cr-icon>
          <div class="secondary">$i18n{antiAbuseWhenOnSectionThree}</div>
        </li>
      </ul>
    </div>
    <div class="column">
      <h2 class="description-header">$i18n{columnHeadingConsider}</h2>
      <ul class="icon-bulleted-list">
        <li>
          <cr-icon icon="settings20:background-replace" aria-hidden="true">
          </cr-icon>
          <div class="secondary">$i18n{antiAbuseThingsToConsiderSectionOne}</div>
        </li>
      </ul>
    </div>
  </div>
</settings-subpage>
<!--_html_template_end_-->`;
}
