<div class="spt-container">
    <div class="spt-headline d-flex justify-content-between align-items-start">
        <h2>{{ 'view.base_data' | translate }}</h2>
    </div>
    <mat-tab-group>
        <mat-tab label="{{ 'base_data.locations' | translate }}">
            <app-location-list></app-location-list>
        </mat-tab>
        <mat-tab label="{{ 'base_data.zones' | translate }}">
            <app-zone-list></app-zone-list>
        </mat-tab>
        <mat-tab label="{{ 'base_data.vessels' | translate }}">
            <app-vessel-list></app-vessel-list>
        </mat-tab>
        <mat-tab label="{{ 'base_data.shipping_companies' | translate }}">
            <app-shipping-company-list></app-shipping-company-list>
        </mat-tab>
    </mat-tab-group>
</div>