<style include="settings-shared settings-columned-section">
.bullet-one {
margin-bottom: 1lh;
}
cr-icon {
flex-shrink: 0;
}
</style>
<settings-toggle-button
label="$i18n{historySearchSettingLabel}"
sub-label="$i18n{historySearchSettingSublabel}"
learn-more-url="$i18n{historySearchLearnMoreUrl}"
learn-more-aria-label="$i18n{historySearchLearnMoreA11yLabel}"
pref="{{prefs.optimization_guide.history_search_setting_state}}"
numeric-unchecked-values="[[numericUncheckedValues_]]"
numeric-checked-value="[[featureOptInStateEnum_.ENABLED]]">
</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:astrophotography-mode" aria-hidden="true">
</cr-icon>
<div class="secondary">$i18n{historySearchWhenOnBulletOne}</div>
</li>
</ul>
</div>
<div class="column">
<h2 class="description-header">$i18n{columnHeadingConsider}</h2>
<ul class="icon-bulleted-list">
<li>
<cr-icon icon="settings20:find-in-path" aria-hidden="true"></cr-icon>
<div class="secondary">
<div class="bullet-one">$i18n{historySearchConsiderBulletOne}</div>
<div>$i18n{historySearchConsiderBulletTwo}</div>
</div>
</li>
</ul>
</div>
</div>