import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
const schema = {
    type: 'object',
    properties: {
        menu1: {
            type: 'void',
            'x-component': 'Menu',
            'x-component-props': {
                mode: 'mix',
                theme: 'dark',
                defaultSelectedUid: 'u1',
                sideMenuRefScopeKey: 'sideMenuRef'
            },
            properties: {
                item1: {
                    type: 'void',
                    title: 'Menu Item 1',
                    'x-uid': 'u1',
                    'x-component': 'Menu.Item',
                    'x-component-props': {}
                },
                item2: {
                    type: 'void',
                    title: 'Menu Item 2',
                    'x-uid': 'u2',
                    'x-component': 'Menu.Item',
                    'x-component-props': {}
                },
                item9: {
                    type: 'void',
                    title: 'SubMenu 2',
                    'x-uid': 'u9',
                    'x-component': 'Menu.SubMenu',
                    'x-component-props': {},
                    properties: {
                        item10: {
                            type: 'void',
                            title: 'Menu Item 10',
                            'x-uid': 'u10',
                            'x-component': 'Menu.Item',
                            'x-component-props': {}
                        }
                    }
                },
                item3: {
                    type: 'void',
                    title: 'SubMenu 1',
                    'x-uid': 'u3',
                    'x-component': 'Menu.SubMenu',
                    'x-component-props': {},
                    properties: {
                        item4: {
                            type: 'void',
                            title: 'Menu Item 11',
                            'x-uid': 'u4',
                            'x-component': 'Menu.Item',
                            'x-component-props': {}
                        },
                        item5: {
                            type: 'void',
                            title: 'Menu Item 12',
                            'x-uid': 'u5',
                            'x-component': 'Menu.Item',
                            'x-component-props': {}
                        },
                        item6: {
                            type: 'void',
                            title: 'SubMenu 1',
                            'x-uid': 'u6',
                            'x-component': 'Menu.SubMenu',
                            'x-component-props': {},
                            properties: {
                                item7: {
                                    type: 'void',
                                    title: 'Menu Item 11',
                                    'x-uid': 'u7',
                                    'x-component': 'Menu.Item',
                                    'x-component-props': {}
                                },
                                item8: {
                                    type: 'void',
                                    title: 'Menu Item 12',
                                    'x-uid': 'u8',
                                    'x-component': 'Menu.Item',
                                    'x-component-props': {}
                                }
                            }
                        }
                    }
                }
            }
        }
    }
};
const Root = ()=>{
    const sideMenuRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)();
    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
        components: {
            Menu: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Menu
        },
        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Layout, {
            children: [
                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Layout.Header, {
                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
                        scope: {
                            sideMenuRef
                        },
                        schema: schema
                    })
                }),
                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Layout, {
                    children: [
                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Layout.Sider, {
                            theme: 'light',
                            ref: sideMenuRef
                        }),
                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Layout.Content, {
                            children: "Content"
                        })
                    ]
                })
            ]
        })
    });
};
const app = new __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Application({
    providers: [
        Root
    ]
});
const demo3_rslib_entry_ = app.getRootComponent();
export { demo3_rslib_entry_ as default };
