@if (loading()) {
  <div class="cms-viewer-state">
    <div class="cms-viewer-spinner"></div>
    <span>Loading content…</span>
  </div>
} @else if (error()) {
  <div class="cms-viewer-state cms-viewer-error">
    <span>⚠ {{ error() }}</span>
  </div>
} @else if (!rendererContainers().length) {
  <div class="cms-viewer-state cms-viewer-empty">
    <span>No content available.</span>
  </div>
} @else {
  <div class="cms-viewer-body">
    <content-document-renderer [containers]="rendererContainers()" />
  </div>
}