const Cluster = {
    components: { ClusterAccess, ClusterCAs, GetCopy },
    props: [ 'cluster', 'token', 'state' ],
    template: `
  <details open>
    <summary>Access</summary>
    <ClusterAccess :cluster="cluster" :token="token" :state="state" />
  </details>

  <details open>
    <summary>CAs</summary>
    <ClusterCAs :cluster="cluster" :token="token" />
  </details>

  <details open>
    <summary>Secrets</summary>
    <h4>Tokens</h4>
    <section class="links">
      <GetCopy v-for="n in cluster.Tokens" :token="token" :name="n" :href="'/clusters/'+cluster.Name+'/tokens/'+n" />
    </section>
    <h4>Passwords</h4>
    <section class="links">
      <GetCopy v-for="n in cluster.Passwords" :token="token" :name="n" :href="'/clusters/'+cluster.Name+'/passwords/'+n" />
    </section>
  </details>
`
}
