import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { 
  IonHeader, 
  IonToolbar, 
  IonTitle, 
  IonContent, 
  IonList,
  IonItem,
  IonIcon,
  IonLabel,
  IonButton,
  IonAvatar
} from '@ionic/angular/standalone';
import { ExploreContainerComponent } from '../explore-container/explore-container.component';
import { addIcons } from 'ionicons';
import { 
  personOutline, 
  heartOutline, 
  notificationsOutline, 
  settingsOutline, 
  informationCircleOutline,
  chevronForwardOutline 
} from 'ionicons/icons';

@Component({
  selector: 'app-tab3',
  templateUrl: 'tab3.page.html',
  styleUrls: ['tab3.page.scss'],
  standalone: true,
  imports: [
    IonHeader, 
    IonToolbar, 
    IonTitle, 
    IonContent, 
    IonList,
    IonItem,
    IonIcon,
    IonLabel,
    IonButton,
    IonAvatar,
    ExploreContainerComponent
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class Tab3Page {
  constructor() {
    // 注册图标
    addIcons({
      personOutline, 
      heartOutline, 
      notificationsOutline, 
      settingsOutline, 
      informationCircleOutline,
      chevronForwardOutline
    });
  }

  // 退出登录方法
  logout() {
    console.log('退出登录');
  }
}