@yandex/ui
Version:
Yandex UI components
15 lines (14 loc) • 1.18 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomLabelTick = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var bundle_1 = require("@yandex-lego/components/Slider/desktop/bundle");
var CustomLabelTick = function () {
var state1 = bundle_1.useSliderState({ value: [20] });
var state2 = bundle_1.useSliderState({ value: [20, 50] });
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(bundle_1.Slider, tslib_1.__assign({ filled: true, showTickValues: true, step: 10, view: "default" }, state1, { renderTickLabel: function (props, LabelTick) { return (props.index % 2 === 0 ? react_1.default.createElement(LabelTick, tslib_1.__assign({}, props)) : null); } })),
react_1.default.createElement(bundle_1.Slider, tslib_1.__assign({ filled: true, showTickValues: true, step: 10, view: "default" }, state2, { renderTickLabel: function (props, LabelTick) { return (props.index % 2 === 0 ? react_1.default.createElement(LabelTick, tslib_1.__assign({}, props)) : null); } }))));
};
exports.CustomLabelTick = CustomLabelTick;