<div class="ui-g" *ngIf="probe">
  <div class="ui-g form-group">

    <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
      <div class="of-key-value-div">
        <span>Name</span>
        <span class="ng-star-inserted">
          {{probe.displayName}}
        </span>
      </div>
    </div>

    <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
      <of-key-value [key]="'CIDR'" [value]="probe.cidr"></of-key-value>
    </div>
    <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
      <div class="of-key-value-div">
        <span>Description</span>
        <span class="ng-star-inserted">
          {{probe.description}}
        </span>
      </div>
    </div>
    <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
      <span>Key</span>
      {{probe.probeKey}}
    </div>
    <div class="ui-g-12 ui-md-6 ui-key-value ui-bottom-border-1 ui-nopad">
      <of-key-value [key]="'Authrozied by'" [value]="probe.authorizeMember.name"></of-key-value>
    </div>
    <div class="ui-g-12 ui-md-6 ui-key-value ui-nopad">
      <of-key-value [key]="'IP Range'" [value]="IPRange"></of-key-value>
    </div>
  </div>
</div>

