<div class="shared-panel">
  <div class="shared-panel-header" style="height: 72px">
    <div>
      <nz-radio-group
        class="precaution-button-group"
        nzSize="default"
        nzButtonStyle="solid"
        [(ngModel)]="activeTab"
        (ngModelChange)="activeTabChange($event)"
      >
        @for (item of poeTabs; track $index) {
          <label nz-radio-button [nzValue]="item.value" class="last:mr-0">{{ item.label }}</label>
        }
      </nz-radio-group>
    </div>
    <div></div>
  </div>
  <div class="poe-content">
    @switch (activeTab) {
      @case (1) {
        <poe-position></poe-position>
      }
      @case (2) {
        <poe-operation></poe-operation>
      }
      @case (3) {
        <poe-equipment></poe-equipment>
      }
    }
  </div>
</div>
