<style include="settings-shared settings-columned-section">
.settings-columned-section {
padding-top: 4px;
}
</style>
<settings-toggle-button
id="pageContentToggle"
pref="{{prefs.page_content_collection.enabled}}"
label="$i18n{pageContentToggleLabel}"
sub-label="$i18n{pageContentToggleSublabel}">
</settings-toggle-button>
<div class="settings-columned-section">
<div class="column">
<h2 class="description-header">
$i18n{privacyGuideFeatureDescriptionHeader}
</h2>
<ul class="icon-bulleted-list">
<li>
<iron-icon icon="settings20:astrophotography-mode" aria-hidden="true">
</iron-icon>
<div class="secondary">$i18n{pageContentWhenOnBulletOne}</div>
</li>
</ul>
</div>
<div class="column">
<h2 class="description-header">$i18n{privacyGuideThingsToConsider}</h2>
<ul class="icon-bulleted-list">
<li>
<iron-icon icon="settings20:find-in-path" aria-hidden="true">
</iron-icon>
<div class="secondary">$i18n{pageContentThingsToConsiderBulletOne}</div>
</li>
<li>
<iron-icon icon="settings20:bar-chart" aria-hidden="true"></iron-icon>
<div class="secondary">$i18n{pageContentThingsToConsiderBulletTwo}</div>
</li>
<li>
<iron-icon icon="settings20:google-lens-2" aria-hidden="true">
</iron-icon>
<div class="secondary">
$i18n{pageContentThingsToConsiderBulletThree}
</div>
</li>
</ul>
</div>
</div>