"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "OrdersViewFull", {
    enumerable: true,
    get: function() {
        return OrdersViewFull;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _listview = require("./listview");
const _header = require("./header");
const _divider = require("../../../divider");
const _orderListContext = require("../shared/orderListContext");
const _tab = require("../../../tab");
const OrdersViewFull = (props)=>{
    const { height } = (0, _react.useContext)(_tab.TabContext);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_orderListContext.OrderListProvider, {
        cancelOrder: props.cancelOrder,
        editOrder: props.editOrder,
        cancelAlgoOrder: props.cancelAlgoOrder,
        editAlgoOrder: props.editAlgoOrder,
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header, {
                count: props.dataSource?.length ?? 0,
                onSideChange: props.onSideChange,
                side: props.side,
                status: props.status
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_divider.Divider, {}),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                className: "orderly-relative",
                style: {
                    height: `${(height?.content ?? 100) - 55}px`
                },
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_listview.Listview, {
                    dataSource: props.dataSource,
                    status: props.status,
                    onCancelOrder: props.cancelOrder,
                    loading: props.isLoading,
                    loadMore: props.loadMore,
                    onSymbolChange: props.onSymbolChange
                })
            })
        ]
    });
};

//# sourceMappingURL=index.js.map