"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Portfolio", {
    enumerable: true,
    get: function() {
        return Portfolio;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _layout = require("../../layout");
const _topNavbar = require("../common/topNavbar");
const _footer = require("../../layout/footer");
const _systemStatusBar = require("../../block/systemStatusBar");
const _provider = require("../../provider");
const _dataList = require("./dataList");
const { Header, Content } = _layout.Layout;
const Portfolio = (props)=>{
    const { footerStatusBarProps } = (0, _react.useContext)(_provider.OrderlyAppContext);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_layout.Layout, {
        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, {
                    className: "orderly-overflow-hidden orderly-pt-[20px] orderly-pb-[32px] orderly-px-[60px] desktop:orderly-px-[40px]",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dataList.DataList, {})
                })
            }),
            /*#__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=index.js.map