"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "default", {
    enumerable: true,
    get: function() {
        return TopBar;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _settingsoutline = require("../../../../icon/icons/settings-outline");
const _tooltip = require("../../../../tooltip");
const _indicator = require("../../../../icon/icons/indicator");
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
const _lineTypeSelect = /*#__PURE__*/ _interop_require_default(require("../../../../page/trading/desktop/myTradingview/lineTypeSelect"));
const _timeInterval = /*#__PURE__*/ _interop_require_default(require("../../../../page/trading/desktop/myTradingview/timeInterval"));
const _displayControl = /*#__PURE__*/ _interop_require_default(require("../../../../page/trading/desktop/myTradingview/displayControl"));
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
function TopBar({ changeInterval, openSettingDialog, changeDisplaySetting, openIndicatorsDialog, changeLineType, interval, lineType, displayControlState }) {
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "top-toolbar orderly-flex orderly-h-[50px] orderly-justify-between orderly-items-center orderly-px-4 orderly-border-b-[1px] orderly-border-base-contrast-8",
        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
            className: "orderly-flex orderly-gap-2 orderly-justify-start orderly-items-center",
            children: [
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_timeInterval.default, {
                    timeInterval: interval,
                    changeTimeInterval: changeInterval
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_displayControl.default, {
                    displayControlState: displayControlState,
                    changeDisplayControlState: changeDisplaySetting
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tooltip.Tooltip, {
                    content: "Indicators",
                    className: "orderly-max-w-[200px]",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                        className: "orderly-text-base-contrast-54 hover:orderly-text-base-contrast",
                        onClick: ()=>openIndicatorsDialog(),
                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_indicator.IndicatorIcon, {
                            size: 20,
                            fill: "currentColor"
                        })
                    })
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_lineTypeSelect.default, {
                    lineType: lineType,
                    changeLineType: changeLineType
                }),
                /*#__PURE__*/ (0, _jsxruntime.jsx)(_tooltip.Tooltip, {
                    content: "Setting",
                    className: "orderly-max-w-[200px]",
                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                        className: "orderly-text-base-contrast-54 hover:orderly-text-base-contrast",
                        onClick: ()=>openSettingDialog(),
                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_settingsoutline.SettingsOutlineIcon, {
                            fill: "currentColor",
                            size: 20
                        })
                    })
                })
            ]
        })
    });
}

//# sourceMappingURL=topBar.js.map