/* Analyzed bindings: {} */
import { reactive, defineComponent } from 'vue';
import Menus from './menuData';
const __sfc_main__ = defineComponent({
    name: 'Side',
    setup() {
        const baseState = reactive({
            selectedKeys: ['/list', '/list/sub-page'],
            openKeys: ['/list'],
            // default
            collapsed: false,
        });
        const state = reactive({
            menuData: Menus,
            title: 'jetlinks',
            splitMenus: true,
            // layout: 'side',
        });
        const pageState = reactive({
            tabList: [
                {
                    tab: 'tab1',
                    key: 'tab1',
                },
                {
                    tab: 'tab2',
                    key: 'tab2',
                },
                {
                    tab: 'tab3',
                    key: 'tab3',
                },
            ],
            active: 'tab1',
        });
        const onTabChange = (key) => {
            pageState.active = key;
        };
        return {
            state,
            baseState,
            pageState,
            onTabChange,
        };
    },
});
export default __sfc_main__;