"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "SimpleMarketOverview", {
    enumerable: true,
    get: function() {
        return SimpleMarketOverview;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _react = require("react");
const _numeral = require("../../text/numeral");
const _provider = require("../../provider");
const SimpleMarketOverview = (props)=>{
    const { quote_dp } = (0, _react.useContext)(_provider.SymbolContext);
    //
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        id: "orderly-market-overview",
        className: "orderly-flex orderly-gap-4 orderly-items-center",
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_numeral.Numeral, {
                precision: quote_dp,
                children: props.price
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_numeral.Numeral, {
                rule: "percentages",
                coloring: true,
                children: props.change
            })
        ]
    });
};

//# sourceMappingURL=simpleMarketOverview.js.map