<main class="static-page page-container" [attr.dir]="dir()">
  @if (loading()) {
    <section class="static-page__state" role="status" aria-live="polite">{{ 'app.connecting' | translate }}</section>
  } @else if (notFound()) {
    <section class="static-page__state">
      <h1>404</h1>
      <p>{{ 'staticPages.notFound' | translate }}</p>
      <a [routerLink]="homeRoute()">{{ 'staticPages.backHome' | translate }}</a>
    </section>
  } @else {
    <article class="static-page__content">
      @if (title()) {
        <h1>{{ title() }}</h1>
      }
      <div class="static-page__html" [innerHTML]="safeHtml()"></div>
    </article>
  }
</main>
