@julo-ui/sliders/dist/usecase/use-handle-style.d.ts

A React Slider component that implements input[type='range']

import * as react from 'react';
import { ElementSize } from '@julo-ui/use-watch-element-size';
import { Orientation } from '../types.js';

interface UseHandleStyleOptions {
    orientation: Orientation;
    isReversed: boolean;
    thumbSizes: Array<ElementSize | undefined>;
    thumbPercents: number[];
}
declare function useHandleStyle(options: UseHandleStyleOptions): {
    getThumbStyle: (i: number) => React.CSSProperties;
    rootStyle: react.CSSProperties;
    trackStyle: react.CSSProperties;
    innerTrackStyle: react.CSSProperties;
    getMarkerStyle: (percent: number) => React.CSSProperties;
};

export { useHandleStyle as default };