"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "TopNav", {
    enumerable: true,
    get: function() {
        return TopNav;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _divider = require("../../../../../divider");
const _markets = require("./markets");
const _ticker = require("./ticker");
const _provider = require("../../../../../provider");
const TopNav = (props)=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_provider.SymbolProvider, {
        symbol: props.symbol,
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
            className: "orderly-h-full orderly-flex orderly-items-center orderly-relative orderly-pl-1",
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_markets.Markets, {
                    symbol: props.symbol
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_divider.Divider, {
                    vertical: true,
                    className: "orderly-mx-2"
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_ticker.Ticker, {
                    symbol: props.symbol
                })
            ]
        })
    });
};

//# sourceMappingURL=topNav.js.map