import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { SettingsOutlineIcon } from "../../../../icon/icons/settings-outline";
import { Tooltip } from "../../../../tooltip";
import { IndicatorIcon } from "../../../../icon/icons/indicator";
import React from "react";
import LineTypeSelect from "../../../../page/trading/desktop/myTradingview/lineTypeSelect";
import TimeInterval from "../../../../page/trading/desktop/myTradingview/timeInterval";
import DisplayControl from "../../../../page/trading/desktop/myTradingview/displayControl";
export default function TopBar({ changeInterval, openSettingDialog, changeDisplaySetting, openIndicatorsDialog, changeLineType, interval, lineType, displayControlState }) {
    return /*#__PURE__*/ _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__*/ _jsxs("div", {
            className: "orderly-flex orderly-gap-2 orderly-justify-start orderly-items-center",
            children: [
                /*#__PURE__*/ _jsx(TimeInterval, {
                    timeInterval: interval,
                    changeTimeInterval: changeInterval
                }),
                /*#__PURE__*/ _jsx(DisplayControl, {
                    displayControlState: displayControlState,
                    changeDisplayControlState: changeDisplaySetting
                }),
                /*#__PURE__*/ _jsx(Tooltip, {
                    content: "Indicators",
                    className: "orderly-max-w-[200px]",
                    children: /*#__PURE__*/ _jsx("button", {
                        className: "orderly-text-base-contrast-54 hover:orderly-text-base-contrast",
                        onClick: ()=>openIndicatorsDialog(),
                        children: /*#__PURE__*/ _jsx(IndicatorIcon, {
                            size: 20,
                            fill: "currentColor"
                        })
                    })
                }),
                /*#__PURE__*/ _jsx(LineTypeSelect, {
                    lineType: lineType,
                    changeLineType: changeLineType
                }),
                /*#__PURE__*/ _jsx(Tooltip, {
                    content: "Setting",
                    className: "orderly-max-w-[200px]",
                    children: /*#__PURE__*/ _jsx("button", {
                        className: "orderly-text-base-contrast-54 hover:orderly-text-base-contrast",
                        onClick: ()=>openSettingDialog(),
                        children: /*#__PURE__*/ _jsx(SettingsOutlineIcon, {
                            fill: "currentColor",
                            size: 20
                        })
                    })
                })
            ]
        })
    });
}

//# sourceMappingURL=topBar.js.map