"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: all[name]
    });
}
_export(exports, {
    DataList: function() {
        return DataList;
    },
    EPortfolioTab: function() {
        return EPortfolioTab;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _tab = require("../../../tab");
const _assetHistory = /*#__PURE__*/ _interop_require_default(require("./assetHistory"));
const _fundingFee = /*#__PURE__*/ _interop_require_default(require("./fundingFee"));
const _layoutContext = require("../../../layout/layoutContext");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var EPortfolioTab;
(function(EPortfolioTab) {
    EPortfolioTab["DepositsWithdrawals"] = "deposits_withdrawals";
    EPortfolioTab["Funding"] = "funding";
    EPortfolioTab["Liquidations"] = "liquidations";
})(EPortfolioTab || (EPortfolioTab = {}));
const DataList = ()=>{
    const [activeTab, setActiveTab] = (0, _react.useState)("deposits_withdrawals");
    const { pageHeaderHeight, headerHeight, footerHeight } = (0, _react.useContext)(_layoutContext.LayoutContext);
    const height = `calc(100vh - ${headerHeight + footerHeight + (pageHeaderHeight ?? 0) + 20 + 32}px)`;
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        style: {
            height
        },
        className: "orderly-overflow-hidden orderly-max-w-[1408px] orderly-min-w-[736px] orderly-mx-auto orderly-tabular-nums",
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_tab.Tabs, {
            value: activeTab,
            onTabChange: setActiveTab,
            tabBarClassName: "orderly-h-[48px] orderly-text-sm orderly-pl-0",
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tab.TabPane, {
                    title: "Deposits & Withdrawals",
                    value: "deposits_withdrawals",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_assetHistory.default, {})
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tab.TabPane, {
                    title: "Funding",
                    value: "funding",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_fundingFee.default, {})
                })
            ]
        })
    });
};

//# sourceMappingURL=index.js.map