"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "MyOrderBookAndTrade", {
    enumerable: true,
    get: function() {
        return MyOrderBookAndTrade;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _tab = require("../../../../../tab");
const _react = require("react");
const _tradingHistory = require("./tradingHistory");
const _orderbook = require("./orderbook");
const _symbolProvider = require("../../../../../provider/symbolProvider");
const MyOrderBookAndTrade = (props)=>{
    const [value, setValue] = (0, _react.useState)("orderbook");
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_symbolProvider.SymbolProvider, {
        symbol: props.symbol,
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_tab.Tabs, {
            value: value,
            onTabChange: (value)=>setValue(value),
            allowUngroup: true,
            fullWidth: true,
            keepAlive: true,
            autoFit: true,
            minWidth: 300,
            tabBarClassName: "orderly-h-[48px] orderly-text-sm",
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tab.TabPane, {
                    title: "Orderbook",
                    value: "orderbook",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_orderbook.MemorizedOrderBook, {
                        symbol: props.symbol,
                        className: "orderly-pl-3"
                    })
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tab.TabPane, {
                    title: "Last trades",
                    value: "tradeHistory",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_tradingHistory.MemorizedTradeHistoryFull, {
                        symbol: props.symbol
                    })
                })
            ]
        })
    });
};

//# sourceMappingURL=index.js.map