@yandex/ui
Version:
Yandex UI components
15 lines (14 loc) • 1.17 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomThumb = 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 CustomThumb = 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, step: 20, view: "default" }, state1, { renderThumb: function (props, Thumb) { return (react_1.default.createElement(Thumb, tslib_1.__assign({}, props, { style: { width: 40, height: 20, borderRadius: 4 } }), props.value)); } })),
react_1.default.createElement(bundle_1.Slider, tslib_1.__assign({ filled: true, step: 20, view: "default" }, state2, { renderThumb: function (props, Thumb) { return (react_1.default.createElement(Thumb, tslib_1.__assign({}, props, { style: { width: 40, height: 20, borderRadius: 4 } }), props.value)); } }))));
};
exports.CustomThumb = CustomThumb;