"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Sliders = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const styles_1 = require("./styles");
const useLogic_1 = require("./useLogic");
const Sliders = ({ actionsColumnWidth, ...props }) => {
    const { sliders, id, handleKeyMouseUp, handleChange } = (0, useLogic_1.useLogic)(props);
    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { actionsColumnWidth: actionsColumnWidth, children: sliders.map((value, index) => ((0, jsx_runtime_1.jsx)(styles_1.InputSlider
        // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с id из useId
        , { "data-index": index, type: "range", step: "0.1", min: "0", max: "100", onChange: handleChange, onMouseUp: handleKeyMouseUp, onKeyUp: handleKeyMouseUp, onTouchEnd: handleKeyMouseUp, onTouchCancel: handleKeyMouseUp, value: value }, `${id}_${index}`))) }));
};
exports.Sliders = Sliders;
