"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "BaseTradingPage", {
    enumerable: true,
    get: function() {
        return BaseTradingPage;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _tradingPageContext = require("./context/tradingPageContext");
const _trading = require("./mobile/trading");
const _trading1 = require("./desktop/trading");
const _layout = require("../../layout");
const _topNavbar = require("../common/topNavbar");
const _footer = require("../../layout/footer");
const _systemStatusBar = require("../../block/systemStatusBar");
const _provider = require("../../provider");
const { Header, Content, Sider, PageHeader } = _layout.Layout;
const BaseTradingPage = (props)=>{
    const { footerStatusBarProps } = (0, _react.useContext)(_provider.OrderlyAppContext);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_tradingPageContext.TradingPageProvider, {
        symbol: props.symbol,
        onSymbolChange: props.onSymbolChange,
        disableFeatures: props.disableFeatures,
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_layout.Layout, {
            mobile: /*#__PURE__*/ (0, _jsxruntime.jsx)(_trading.MobileTradingPage, {
                ...props
            }),
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(Header, {
                    className: "orderly-app-trading-header orderly-border-b orderly-border-divider",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_topNavbar.TopNavbar, {})
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_layout.Layout, {
                    style: {
                        paddingBottom: "42px"
                    },
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Content, {
                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_trading1.DesktopTradingPage, {
                            ...props
                        })
                    })
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_footer.Footer, {
                    fixed: true,
                    className: "orderly-bg-base-900 orderly-flex orderly-items-center orderly-px-4 orderly-w-full orderly-h-[42px] orderly-justify-between orderly-border-t-[1px] orderly-border-base-500 orderly-z-50",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_systemStatusBar.SystemStatusBar, {
                        xUrl: footerStatusBarProps?.xUrl,
                        telegramUrl: footerStatusBarProps?.telegramUrl,
                        discordUrl: footerStatusBarProps?.discordUrl
                    })
                })
            ]
        })
    });
};

//# sourceMappingURL=page.js.map