import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Logo } from "../../../../../logo";
import { Market } from "./market";
import { MarketOverview } from "./marketOverview";
export const NavBar = (props)=>{
    // const { logoUrl } = useContext(OrderlyAppContext);
    return /*#__PURE__*/ _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__*/ _jsxs("div", {
                className: "orderly-grow orderly-flex orderly-flex-row orderly-items-center orderly-gap-4",
                children: [
                    /*#__PURE__*/ _jsx(Market, {
                        symbol: props.symbol
                    }),
                    /*#__PURE__*/ _jsx(MarketOverview, {
                        symbol: props.symbol
                    })
                ]
            }),
            /*#__PURE__*/ _jsx("div", {
                className: "orderly-top-nav-bar-right-logo",
                children: /*#__PURE__*/ _jsx(Logo.secondary, {
                    size: 50
                })
            })
        ]
    });
};

//# sourceMappingURL=index.js.map