import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useContext } from "react";
import { Layout } from "../../layout";
import { TopNavbar } from "../common/topNavbar";
import { Footer } from "../../layout/footer";
import { SystemStatusBar } from "../../block/systemStatusBar";
import { OrderlyAppContext } from "../../provider";
import { DataList } from "./dataList";
const { Header, Content } = Layout;
export const Portfolio = (props)=>{
    const { footerStatusBarProps } = useContext(OrderlyAppContext);
    return /*#__PURE__*/ _jsxs(Layout, {
        children: [
            /*#__PURE__*/ _jsx(Header, {
                className: "orderly-app-trading-header orderly-border-b orderly-border-divider",
                children: /*#__PURE__*/ _jsx(TopNavbar, {})
            }),
            /*#__PURE__*/ _jsx(Layout, {
                style: {
                    paddingBottom: "42px"
                },
                children: /*#__PURE__*/ _jsx(Content, {
                    className: "orderly-overflow-hidden orderly-pt-[20px] orderly-pb-[32px] orderly-px-[60px] desktop:orderly-px-[40px]",
                    children: /*#__PURE__*/ _jsx(DataList, {})
                })
            }),
            /*#__PURE__*/ _jsx(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__*/ _jsx(SystemStatusBar, {
                    xUrl: footerStatusBarProps?.xUrl,
                    telegramUrl: footerStatusBarProps?.telegramUrl,
                    discordUrl: footerStatusBarProps?.discordUrl
                })
            })
        ]
    });
};

//# sourceMappingURL=index.js.map