<style include="settings-shared settings-columned-section">
.settings-columned-section {
padding-top: 4px;
}
</style>
<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>
<iron-icon icon="settings20:archive" aria-hidden="true"></iron-icon>
<div class="secondary">$i18n{antiAbuseWhenOnSectionOne}</div>
</li>
<li>
<iron-icon icon="settings20:dashboard" aria-hidden="true"></iron-icon>
<div class="secondary">$i18n{antiAbuseWhenOnSectionTwo}</div>
</li>
<li>
<iron-icon icon="settings20:timer" aria-hidden="true"></iron-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>
<iron-icon icon="settings20:background-replace" aria-hidden="true">
</iron-icon>
<div class="secondary">$i18n{antiAbuseThingsToConsiderSectionOne}</div>
</li>
</ul>
</div>
</div>