{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

<section class="section">
  <div class="container is-widescreen">
    {{#if (eq this.model.mode "unsupported")}}
      <PageHeader as |p|>
        <p.levelLeft>
          <h1 class="title is-3 has-text-grey" data-test-replication-title>
            Replication unsupported
          </h1>
        </p.levelLeft>
      </PageHeader>
      <EmptyState @title="The current cluster configuration does not support replication" />
    {{else if this.model.replicationIsInitializing}}
      <LayoutLoading />
    {{else}}
      <ReplicationSummary
        @cluster={{this.model}}
        @showModeSummary={{true}}
        @onEnable={{action "onEnable"}}
        @onDisable={{action "onDisable"}}
      />
    {{/if}}
  </div>
</section>