import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';
export function getTemplate() {
    return html `<!--_html_template_start_--><style include="settings-shared">
  cr-view-manager [hidden-by-search],
  cr-view-manager[show-all] [slot=view][data-parent-view-id] {
    display: none;
  }
</style>

<cr-view-manager id="viewManager" class="cr-centered-card-container"
    show-all$="[[shouldShowAll]]">
  <settings-appearance-page slot="view" id="parent" prefs="{{prefs}}"
      route-path$="[[routes_.APPEARANCE.path]]">
  </settings-appearance-page>

  <settings-appearance-fonts-page slot="view" id="fonts"
      data-parent-view-id="parent" prefs="{{prefs}}"
      route-path$="[[routes_.FONTS.path]]">
  </settings-appearance-fonts-page>
</cr-view-manager>
<!--_html_template_end_-->`;
}
