"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, {
    MemorizedTradeHistoryFull: function() {
        return MemorizedTradeHistoryFull;
    },
    TradeHistoryFull: function() {
        return TradeHistoryFull;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _hooks = require("@orderly.network/hooks");
const _tradeHistory = require("../../../../../block/tradeHistory");
const _tabContext = require("../../../../../tab/tabContext");
const TradeHistoryFull = (props)=>{
    const { symbol } = props;
    const { data, isLoading } = (0, _hooks.useMarketTradeStream)(symbol);
    const { height } = (0, _tabContext.useTabContext)();
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-overflow-y-auto orderly-px-3",
        style: {
            height: `${height?.content}px`
        },
        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_tradeHistory.TradeHistory, {
            dataSource: data,
            loading: isLoading,
            headerClassName: "orderly-py-[5px]"
        })
    });
};
const MemorizedTradeHistoryFull = /*#__PURE__*/ (0, _react.memo)(TradeHistoryFull);

//# sourceMappingURL=tradingHistory.js.map