import { __assign } from "tslib";
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { memo } from 'react';
import { getLeft } from './common';
var SliderMarks = memo(function (_a) {
    var marks = _a.marks, min = _a.min, max = _a.max, potentialValues = _a.potentialValues;
    return (_jsx(_Fragment, { children: potentialValues.map(function (value) {
            return (_jsx("div", __assign({ style: {
                    left: getLeft(value, min, max) + "%",
                }, className: "zent-slider-mark", "data-zv": 'v10.0.12' }, { children: marks[value] }), value));
        }) }, void 0));
});
SliderMarks.displayName = 'ZentSliderMarks';
export default SliderMarks;
