Ext.define('uas.main.MainTabPanel', {
    extend: 'Ext.tab.Panel',
    xtype: 'maintabpanel',

    reference: 'mainTabPanel',
    ui: 'main',

    requires: [
        'Ext.ux.TabCloseMenu',
        'Ext.ux.TabScrollerMenu'
    ],

    plugins: {
        tabclosemenu: true,
        tabscrollermenu: true
    },

    defaults: {
        scrollable: true,
        layout: 'fit',
        closable: true
    },

    frame: false,

    constructor: function(config) {
        var me = this;
        config = config || {};
        if (config.headerBar) {
            config.headerBar.forEach(function(btn){
                btn.xtype = 'button';
                btn.frame = false;
            });
            config.header = config.header || {};
            config.header.frame = false;
            config.header.items = config.headerBar;
            config.tabBarHeaderPosition = 0;
        }

        me.callParent([config]);
    }
});