<ion-header>
    <ion-toolbar>
        <ion-title>全部分类</ion-title>
        <ion-buttons slot="end">
            <ion-button (click)="dismiss()">
                <ion-icon name="close-outline"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="category-container">
        @for(category of categories; track category.title) {
        <div class="category-section">
            <h3 class="category-title">{{category.title}}</h3>
            <div class="category-items">
                @for(item of category.items; track item) {
                <div class="category-item" (click)="selectCategory(item)">
                    {{item}}
                </div>
                }
            </div>
        </div>
        }
    </div>
</ion-content>