"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "MarketOverview", {
    enumerable: true,
    get: function() {
        return MarketOverview;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _marketPrice = require("./marketPrice");
const _fundingRate = require("./fundingRate");
const MarketOverviewItem = {
    price: _marketPrice.MarketPrice,
    fundingRate: _fundingRate.FundingRate
};
const MarketOverview = ({ items })=>{
    const children = (0, _react.useMemo)(()=>{
        if (!items) return null;
        return Object.keys(items).map((key)=>{
            const item = key;
            const Comp = MarketOverviewItem[item];
            if (!Comp) return null;
            return /*#__PURE__*/ (0, _react.createElement)(Comp, {
                ...items[item],
                key: item
            });
        });
    }, [
        items
    ]);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-flex orderly-gap-5",
        children: children
    });
};

//# sourceMappingURL=marketOverview.js.map