"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ZoomParams = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var v_eris_1 = require("v-eris");
var types_color_1 = require("./types.color");
require("./types.zoom.scss");
var ZoomParams = function (props) {
    var className = props.className, range = props.range, value = props.value, onChange = props.onChange, rest = tslib_1.__rest(props, ["className", "range", "value", "onChange"]);
    if (!range || !Array.isArray(range))
        range = [0, 0];
    if (!value)
        value = {};
    var change = function (key, valueArg) {
        var v = tslib_1.__assign({}, value);
        v[key] = valueArg;
        if (!onChange)
            return;
        onChange({ value: v });
    };
    return (react_1.default.createElement(v_eris_1.Card, { header: react_1.default.createElement("span", null,
            react_1.default.createElement(v_eris_1.Icons.road, null),
            react_1.default.createElement(v_eris_1.Space, null),
            "Маштаб",
            " ",
            range[0] + "-" + range[1]) },
        react_1.default.createElement(v_eris_1.Row, null,
            "Отображать метки",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(v_eris_1.Toggle, { value: value.marks, onChange: function (e) { change("marks", e.value); } })),
        react_1.default.createElement(v_eris_1.Row, null,
            "Обьеденять метки в класстеры",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(v_eris_1.Toggle, { value: value.clusters, onChange: function (e) { change("clusters", e.value); } })),
        react_1.default.createElement(v_eris_1.Row, null,
            "Цвет метки",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(types_color_1.ColorPicker, { value: value.marksColor, onChange: function (e) { change("marksColor", e.value); } })),
        react_1.default.createElement(v_eris_1.Row, null,
            "Цвет тени метки",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(types_color_1.ColorPicker, { value: value.marksShadow, onChange: function (e) { change("marksShadow", e.value); } })),
        react_1.default.createElement(v_eris_1.Row, null,
            "Отображать формуляр неактивной метки",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(v_eris_1.Toggle, { value: value.tooltipInactive, onChange: function (e) { change("tooltipInactive", e.value); } })),
        react_1.default.createElement(v_eris_1.Row, null,
            "Использовать интерактивный формуляр",
            ":",
            react_1.default.createElement(v_eris_1.Space, null),
            react_1.default.createElement(v_eris_1.Toggle, { value: value.tooltipInteractive, onChange: function (e) { change("tooltipInteractive", e.value); } }))));
};
exports.ZoomParams = ZoomParams;
//# sourceMappingURL=types.zoom.js.map