import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ArrowControl } from "./ArrowControl.js";
import { ColorsControl } from "./colorsControl/ColorsControl.js";
import { comparisonMessages } from "../../../../../locales.js";
import { ConfigSubsection } from "../../ConfigSubsection.js";
export function IndicatorSubSection({ sectionDisabled, showDisabledMessage, properties, colorPalette, pushData, }) {
    return (_jsx(ConfigSubsection, { title: comparisonMessages["indicatorSubSectionTitle"].id, canBeToggled: false, children: _jsxs("div", { className: "comparison-indicator-sub-section s-comparison-indicator-sub-section", children: [_jsx(ArrowControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, pushData: pushData }), _jsx(ColorsControl, { disabled: sectionDisabled, showDisabledMessage: showDisabledMessage, properties: properties, colorPalette: colorPalette, pushData: pushData })] }) }));
}
//# sourceMappingURL=IndicatorSubSection.js.map