{{#if this.showHeader}}
  <PageHeader as |p|>
    <p.top>
      <nav class="breadcrumb" aria-label="breadcrumbs">
        <ul>
          <li>
            <span class="sep">&#x0002f;</span>
            <LinkTo @route="vault.cluster.access.oidc.providers" data-test-breadcrumb-link="oidc-providers">
              Providers
            </LinkTo>
          </li>
        </ul>
      </nav>
    </p.top>
    <p.levelLeft>
      <h1 class="title is-3">
        {{this.model.name}}
      </h1>
    </p.levelLeft>
  </PageHeader>

  <div class="tabs-container box is-sideless is-fullwidth is-paddingless is-marginless">
    <nav class="tabs" aria-label="tabs">
      <ul>
        <LinkTo
          data-test-oidc-provider-details
          @route="vault.cluster.access.oidc.providers.provider.details"
          @model={{this.model}}
        >
          Details
        </LinkTo>
        <LinkTo
          data-test-oidc-provider-clients
          @route="vault.cluster.access.oidc.providers.provider.clients"
          @model={{this.model}}
        >
          Applications
        </LinkTo>
      </ul>
    </nav>
  </div>
{{/if}}

{{outlet}}