<style include="settings-shared">
#paragraph1 {
margin-block-start: 0px;
}
#dialogBody {
padding-top: 10px;
}
cr-dialog::part(dialog) {
width: 370px;
}
</style>
<cr-dialog id="systemGeolocationDialog" show-on-attach>
<div slot="title">
$i18n{systemGeolocationDialogTitle}
</div>
<div slot="body" id="dialogBody">
<p id="paragraph1">$i18n{systemGeolocationDialogBodyParagraph1}</p>
<localized-link
aria-describedby="paragraph1"
localized-string="$i18n{systemGeolocationDialogBodyParagraph2}"
link-url="$i18n{geolocationAccuracyLearnMoreUrl}">
</localized-link>
</div>
<div slot="button-container">
<cr-button id="cancelButton"
class="cancel-button"
on-click="onCancelClicked_">
$i18n{systemGeolocationDialogCancelButton}
</cr-button>
<cr-button id="confirmButton"
class="action-button"
on-click="onEnableClicked_">
$i18n{systemGeolocationDialogConfirmButton}
</cr-button>
</div>
</cr-dialog>