<!-- Copyright (C) 2016 NooBaa -->

<!-- ko if: dataReady -->
<section class="card column greedy">
    <div class="hpad pad-half row">
        <svg-icon class="icon-small push-next-half"
            ko.tooltip="clusterState"
            ko.css="clusterIcon().css"
            params="name: clusterIcon().name"
        ></svg-icon>
        <span class="greedy highlight">Cluster</span>
    </div>
    <hr>
    <div class="pad greedy column">
        <p class="c6 push-next">{{clusterState}}</p>
        <p class="c6 push-next">Highly available within the cluster</p>
    </div>
</section>
<!-- /ko -->
