<p-panel [showHeader]="false" class="ui-top-space-10">
  <div *ngIf="probeHost" class="ui-g">
      <div class="ui-g-12 ui-md-4 ui-key-value">
        <of-key-value [key]="'Status'" [value]="connectionStatus"></of-key-value>
        <of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
      </div>
      <div class="ui-g-12 ui-md-4 ui-key-value">
        <of-key-value [key]="'Name'" [value]="probeHost.probe.displayName"></of-key-value>
        <of-key-value [key]="'OS'" [value]="probeHost.infraHost.infraOS.metaInfraVendor.name"></of-key-value>
      </div>
      <div class="ui-g-12 ui-md-4 ui-key-value">
          <of-key-value [key]="'IPv4'" [value]="probeHost.infraHost.ipv4"></of-key-value>
          <of-key-value [key]="'Mac Address'" [value]="probeHost.infraHost.mac"></of-key-value>
      </div>
  </div>
</p-panel>