company-registration.component.html

<app-page-header [pathTitle]="pathTitle"></app-page-header>
<div class="bg-card-white">
</div>
<div class="block-main-content">
    <div class="head-title">
        ทะเบียนบริษัท
    </div>
    <div class="body-content">
        <ul class="nav-tabs">
            <li class="nav-item" *ngFor="let item of [{id:'tab1',text:'ทะเบียนบริษัท'},
            {id:'tab2',text:'สาขาและหน่วยธุรกิจ'}]" (click)="changeTab(item)">
                <a [class.active]="activeTab === item.id" class="nav-link">{{item.text}}</a>
            </li>
        </ul>
        <div class="tab-content">
            <div *ngIf="activeTab === 'tab1'" class="tab-pane">
                <p>ทะเบียนบริษัท</p>
            </div>
            <div *ngIf="activeTab === 'tab2'" class="tab-pane">
                <div class="mt-5"></div>
                <app-branch-business-unit [pathTitle]="pathTitle"
                    (sendPathTitle)="pathTitle=$event"></app-branch-business-unit>
            </div>
        </div>
    </div>
</div>