@vertisanpro/flowbite-react/lib/src/components/RangeSlider/RangeSlider.js

Non-Official React components built for Flowbite and Tailwind CSS

import { twMerge } from '@vertisanpro/tailwind-merge';
import React, { forwardRef } from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
export const RangeSlider = forwardRef(({ className, sizing = 'md', theme: customTheme = {}, ...props }, ref) => {
    const theme = mergeDeep(getTheme().rangeSlider, customTheme);
    return (React.createElement(React.Fragment, null,
        React.createElement("div", { "data-testid": "flowbite-range-slider", className: twMerge(theme.root.base, className) },
            React.createElement("div", { className: theme.field.base },
                React.createElement("input", { ref: ref, type: "range", className: twMerge(theme.field.input.base, theme.field.input.sizes[sizing]), ...props })))));
});
RangeSlider.displayName = 'RangeSlider';