chromium/chrome/browser/resources/ash/settings/parental_controls_page/parental_controls_settings_card.html

<style include="settings-shared">
  :host-context(body.revamp-wayfinding-enabled) #parentalControlRowIcon {
    --iron-icon-fill-color: var(--cros-sys-primary);
  }

  cr-link-row {
    --cr-section-padding: 0;
  }
</style>

<settings-card header-text="$i18n{parentalControlsPageTitle}">
  <div id="parentalControlsItem" class="settings-box two-line first">
    <template is="dom-if" if="[[isChild_]]">
      <cr-link-row on-click="handleFamilyLinkButtonClick_"
          start-icon="cr20:kite"
          label="$i18n{parentalControlsPageTitle}"
          sub-label="$i18n{parentalControlsPageViewSettingsLabel}"
          external>
      </cr-link-row>
    </template>
    <template is="dom-if" if="[[!isChild_]]">
      <iron-icon id="parentalControlRowIcon"
          class="start-icon"
          icon="cr20:kite">
      </iron-icon>
      <div class="middle settings-box-text">
        <div id="label" aria-hidden="true">
          $i18n{parentalControlsPageTitle}
        </div>
        <div class="secondary" id="subLabel" aria-hidden="true">
          [[getSetupLabelText_(online_)]]
        </div>
      </div>
      <cr-button id="setupButton" on-click="handleSetupButtonClick_"
          disabled$="[[!online_]]" aria-labelledby="label"
          aria-describedby="subLabel"
          aria-roledescription="$i18n{parentalControlsSetUpButtonRole}"
          deep-link-focus-id$="[[Setting.kSetUpParentalControls]]">
        $i18n{parentalControlsSetUpButtonLabel}
      </cr-button>
    </template>
  </div>
</settings-card>