<clr-tabs>
    <clr-tab>
        <button id="config-system" clrTabLink>{{'CONFIG.SYSTEM' | translate}}</button>
        <clr-tab-content id="system_settings" *clrIfActive>
            <system-settings #systemSettings [(systemSettings)]="config" [showSubTitle]="true" [hasAdminRole]="hasAdminRole" [hasCAFile]="hasCAFile"
                [withAdmiral]="withAdmiral">
            </system-settings>
        </clr-tab-content>
    </clr-tab>
    <clr-tab>
        <button id="config-vulnerability" clrTabLink>{{'CONFIG.VULNERABILITY' | translate}}</button>
        <clr-tab-content id="vulnerability" *clrIfActive>
            <vulnerability-config *ngIf="withClair" #vulnerabilityConfig [showSubTitle]="true"></vulnerability-config>
        </clr-tab-content>
    </clr-tab>
    <clr-tab>
        <button id="config-gc" clrTabLink>{{'CONFIG.GC' | translate}}</button>
        <clr-tab-content id="gc" *clrIfActive>
            <gc-config #gcConfig></gc-config>
            <gc-history></gc-history>
        </clr-tab-content>
    </clr-tab>
</clr-tabs>
<confirmation-dialog #cfgConfirmationDialog (confirmAction)="confirmCancel($event)"></confirmation-dialog>