@shopify/polaris/esnext/components/RangeSlider/RangeSlider.js

Shopify’s product component library

import * as tslib_1 from "tslib";
import React from 'react';
import { useUniqueId } from '../../utilities/unique-id';
import { RangeSliderDefault } from './utilities';
import { SingleThumb, DualThumb } from './components';
export function RangeSlider(_a) {
    var { min = RangeSliderDefault.Min, max = RangeSliderDefault.Max, step = RangeSliderDefault.Step, value } = _a, rest = tslib_1.__rest(_a, ["min", "max", "step", "value"]);
    const id = useUniqueId('RangeSlider');
    const sharedProps = Object.assign({ id,
        min,
        max,
        step }, rest);
    return isDualThumb(value) ? (<DualThumb value={value} {...sharedProps}/>) : (<SingleThumb value={value} {...sharedProps}/>);
}
function isDualThumb(value) {
    return Array.isArray(value);
}