chromium/chrome/browser/resources/ash/settings/os_apps_page/app_parental_controls/app_setup_pin_dialog.html

<style include="settings-shared">
  #setupPinKeyboardDiv {
    justify-content: center;
  }

  #pinSetupDialogSubtitle {
    /* Set so the confirm dialog height matches the initial dialog height. */
    min-height: 48px;
    padding-bottom: 16px;
  }

  cr-dialog::part(dialog) {
    /* Make sure pin dialog is usable for small window sizes. */
    max-width: 100%;
  }
</style>
<cr-dialog id="dialog" on-close="close"
    close-text="$i18n{close}">
  <div slot="title">[[getTitle_(isConfirmStep_)]]</div>
  <div slot="body">
    <div id="pinSetupDialogSubtitle">[[getSubtitle_(isConfirmStep_)]]</div>
    <div id="setupPinKeyboardDiv" class="settings-box continuation">
      <app-setup-pin-keyboard id="setupPinKeyboard"
        is-confirm-step="{{isConfirmStep_}}"
        prefs="{{prefs}}"
        enable-submit="{{enableSubmit_}}"
        aria-label="[[getTitle_(isConfirmStep_)]]">
      </app-setup-pin-keyboard>
    </div>
  </div>
  <div slot="button-container">
    <cr-button class="cancel-button" on-click="onCancelClick_">
      $i18n{cancel}
    </cr-button>
    <cr-button class="action-button" on-click="onPinSubmit_"
      disabled$="[[!enableSubmit_]]">
      <span>[[getContinueMessage_(isConfirmStep_)]]</span>
    </cr-button>
  </div>
</cr-dialog>