<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">
    <knowledge-risk-level />
    <knowledge-risk-type />
  </div>
</div>
