<div class="shared-panel">
  <div class="shared-panel-header">
    <div class="title">集团运营安全风险库</div>
    <div>
      <div class="header-button-group">
        @for (tab of tabs; track tab.value) {
          <div class="button-item" [class.active]="activeTab === tab.value" (click)="changeTab(tab.value)">
            {{ tab.label }}
          </div>
        }
      </div>
    </div>
  </div>
  <div class="shared-panel-content">
    @switch (activeTab) {
      @case ('risk-knowledge') {
        <risk-item-list />
      }
      @case ('enterprise-input') {
        <risk-enterprise-input />
      }
      @case ('update-record') {
        <risk-update-record />
      }
    }
  </div>
</div>
