"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "NavBar", {
    enumerable: true,
    get: function() {
        return NavBar;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _logo = require("../../../../../logo");
const _market = require("./market");
const _marketOverview = require("./marketOverview");
const NavBar = (props)=>{
    // const { logoUrl } = useContext(OrderlyAppContext);
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        id: "orderly-top-nav-bar",
        className: "orderly-flex orderly-flex-row orderly-items-center orderly-px-3 orderly-sticky orderly-top-0 orderly-bg-base-800 orderly-z-20 orderly-border-b orderly-border-b-divider orderly-text-3xs orderly-text-base-contrast orderly-h-[50px]",
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                className: "orderly-grow orderly-flex orderly-flex-row orderly-items-center orderly-gap-4",
                children: [
                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_market.Market, {
                        symbol: props.symbol
                    }),
                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_marketOverview.MarketOverview, {
                        symbol: props.symbol
                    })
                ]
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                className: "orderly-top-nav-bar-right-logo",
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_logo.Logo.secondary, {
                    size: 50
                })
            })
        ]
    });
};

//# sourceMappingURL=index.js.map