<div class="ui-g">
  <div class="ui-g-12 ui-md-3">
    <of-discovery-search-config *ngIf="selectedProbe else block" [probeHost]="selectedProbe" (requestDiscovery)="requestDiscovery.emit($event)"></of-discovery-search-config>
    <ng-template #block>나는 커서 block ui가 될거얌</ng-template>
  </div>
  <div class="ui-g-12 ui-md-9">
    <div *ngIf="selectedProbe">
        SELECTED_PROBE_DISPLAY_NAME : {{selectedProbe.probe.displayName}}
    </div>
  </div>
</div>

<!-- <div class="ui-g-12">
  <p-panel [showHeader]="false" >Temp Area</p-panel>
</div> -->

<!-- <div class="ui-g">
  <div class="ui-g-12 ui-md-3">
    <p-accordion (onClose)="onTabClose($event)" (onOpen)="OnTabOpen($event)">
      <p-accordionTab header="Probe Select Area" [selected]="true">
      </p-accordionTab>
      <p-accordionTab header="Discovery Search Config Area" >
        <of-discovery-search-config
          (discoverySearchStartClick)="onDiscoveryStart()"
          (selectProbe)="onSelectedProbe($event)"></of-discovery-search-config>
      </p-accordionTab>
      <p-accordionTab header="Result Filter Area">
        <of-discovery-search-filter></of-discovery-search-filter>
      </p-accordionTab>
    </p-accordion>
  </div>

  <div class="ui-g-12 ui-md-9">
    <p-panel>
      <of-discovery-search-result [probe]="selectedProbe"></of-discovery-search-result>
    </p-panel>
  </div>
</div> -->