import Downloads from './Downloads.js';

export default {
    components: { Downloads },
    props: [ 'host', 'token', 'state' ],
    template: `
<div class="host">
  <div class="title">Host {{ host.Name }}</div>
  <section>
    <div><small>Cluster: {{ host.Cluster }}<template v-if="host.Template"> ({{ host.Template }})</template></small></div>
    <template v-for="ip in host.IPs">
      <code>{{ ip }}</code>{{" "}}
    </template>
  </section>
  <div class="section">Downloads</div>
  <section>
    <Downloads :token="token" :state="state" kind="host" :name="host.Name" />
  </section>
</div>
`
}