import TopBtn from './TopBtn'
import { TOP_BTN_CHANGE } from '../../scripts/JCEvent'

const {ccclass, property} = cc._decorator;

@ccclass
export default class TopMenu extends cc.Component {

    @property({type: cc.Node})
    container: cc.Node = null

    @property({type: [TopBtn]})
    btns: TopBtn[] = []

    start () {
       // this.initBtns()
        this.btns[0].setSelect(true)
        cc.zevent.on(TOP_BTN_CHANGE, (pageName: string) => {
            for (let i = 0, l = this.btns.length; i < l; i++) {
                if (pageName !== this.btns[i].pageName) {
                    this.btns[i].setSelect(false)
                }
            }
        })
    }

}