@if (visible()) {
  <div class="demo-banner" role="status" data-testid="demo-banner">
    <span class="demo-banner__icon fa-solid fa-circle-info" aria-hidden="true"></span>
    <p class="demo-banner__body">
      {{ texts.body }}
      <code class="demo-banner__cmd" data-testid="demo-banner-install">{{ texts.installCommand }}</code>
    </p>
    <a class="demo-banner__home" [href]="texts.homeHref" data-testid="demo-banner-home">{{ texts.homeCta }}</a>
    <p-button
      icon="fa-solid fa-xmark"
      [ariaLabel]="texts.dismissAria"
      severity="secondary"
      [text]="true"
      [rounded]="true"
      size="small"
      (onClick)="dismiss()"
      data-testid="demo-banner-dismiss"
    />
  </div>
}