import './MultiSliderSmall.scss';
import { MultiSliderProps } from '../../core/types';
/**
 * MultiSliderSmall component that renders a compact multi-segment slider with customizable colors, labels, and break values.
 *
 * @param {Object} props - The properties passed to the component.
 * @param {Array<string>} props.colors - An array of color values for each segment of the slider.
 * @param {Array<string>} props.labels - An array of labels corresponding to each segment of the slider.
 * @param {Array<number>} props.breakValues - An array of break values representing the proportional sizes of each segment.
 * @param {function(Array<number>): void} props.onBreakValuesChange - Callback function called when the break values change.
 * @param {boolean} [props.pearling=false] - If true, the slider handles will not pass each other while moving.
 * @param {boolean} [props.tooltipVisible=false] - If true, tooltips will be shown when hovering over the slider.
 * @param {boolean} [props.isSmall=false] - If true, the slider tracks will be rendered in a smaller size.
 *
 * @returns {JSX.Element} The rendered MultiSliderSmall component with a horizontal mixer for adjusting break values.
 *
 * @example
 * // Example usage of MultiSliderSmall
 * <MultiSliderSmall
 *    colors={['#FF0000', '#00FF00', '#0000FF']}
 *    labels={['Red', 'Green', 'Blue']}
 *    breakValues={[20, 30, 50]}
 *    onBreakValuesChange={(newValues) => console.log(newValues)}
 *    pearling={true}
 *    tooltipVisible={true}
 *    isSmall={true}
 * />
 */
export declare const MultiSliderSmall: (props: MultiSliderProps) => import("react/jsx-runtime").JSX.Element;
export default MultiSliderSmall;
