mt-flowbite-react/lib/esm/components/RangeSlider/theme.js

Official React components built for Flowbite and Tailwind CSS

export const rangeSliderTheme = {
    root: {
        base: 'flex',
    },
    field: {
        base: 'relative w-full',
        input: {
            base: 'w-full bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700',
            sizes: {
                sm: 'h-1 range-sm',
                md: 'h-2',
                lg: 'h-3 range-lg',
            },
        },
    },
};