import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { AccountInfo } from "../../../../block/accountStatus/desktop";
import { memo } from "react";
import { useTradingPageContext } from "../../context/tradingPageContext";
import { TradingFeatures } from "../../features";
import { Divider } from "../../../../divider";
export const AccountInfoElement = /*#__PURE__*/ memo(()=>{
    const { disableFeatures } = useTradingPageContext();
    if (disableFeatures?.includes(TradingFeatures.AssetAndMarginInfo)) return null;
    return /*#__PURE__*/ _jsxs(_Fragment, {
        children: [
            /*#__PURE__*/ _jsx("div", {
                className: "orderly-px-4",
                children: /*#__PURE__*/ _jsx(AccountInfo, {})
            }),
            /*#__PURE__*/ _jsx(Divider, {
                className: "orderly-my-3"
            })
        ]
    });
});

//# sourceMappingURL=accountInfo.js.map