import { jsx } from "react/jsx-runtime";
import react, { useMemo } from "react";
import { useApp } from "../hooks/index.mjs";
const MainComponent = /*#__PURE__*/ react.memo(()=>{
    const app = useApp();
    const Router = useMemo(()=>app.router.getRouterComponent(), [
        app
    ]);
    const Providers = useMemo(()=>app.getComposeProviders(), [
        app
    ]);
    return /*#__PURE__*/ jsx(Router, {
        BaseLayout: Providers
    });
});
MainComponent.displayName = 'MainComponent';
export { MainComponent };
