import { SliderProps } from 'react-slider';
import './HorizontalMixer.scss';
export type HorizontalMixerProps = {
    colors: string[] | string[][];
    labels: string[] | string[][];
    breakValues: number[] | number[][];
    onChange: (value: number[], index: number) => void;
    onAfterChange?: (value: number[], index: number) => void;
    pearling?: boolean;
    tooltipVisible?: boolean;
    styles: SliderProps['styles'];
    isComposite?: boolean;
    renderOnAfterChange?: boolean;
    isSmall?: boolean;
    compositeBreakValues?: number[][];
};
/**
 * HorizontalMixer component that renders a customizable horizontal slider with color tracks and labels.
 *
 * @param {Object} props - The properties passed to the component.
 * @param {Array<string>} props.colors - An array of colors for each track in the mixer.
 * @param {Array<number>} props.breakValues - An array of values that define the breakpoints of the slider.
 * @param {function(Array<number>, number): void} props.onChange - Callback function called when the slider value changes.
 * @param {function(Array<number>, number): void} [props.onAfterChange] - Callback function called after the slider value change is complete.
 * @param {Array<string>} props.labels - An array of labels corresponding to each track in the mixer.
 * @param {Object} props.styles - The style properties for the mixer and its components.
 * @param {number} props.styles.totalHeight - The total height of the slider.
 * @param {number} props.styles.trackHeight - The height of the track.
 * @param {number} props.styles.trackPadding - The padding of the track.
 * @param {number} props.styles.trackMargin - The margin of the track.
 * @param {string} props.styles.trackBorderColor - The border color of the track.
 * @param {string} props.styles.trackTextColor - The text color used for labels on the track.
 * @param {number} props.styles.trackBorderRadius - The border radius of the track.
 * @param {number} props.styles.thumbSize - The size of the slider's thumb.
 * @param {number} props.styles.thumbBorderRadius - The border radius of the slider's thumb.
 * @param {number} props.styles.thumbBorder - The border size of the slider's thumb.
 * @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.isComposite=false] - If true, the slider tracks will be rendered using the CompositeTrack component.
 * @param {boolean} [props.isSmall=false] - If true, the slider tracks will be rendered in a smaller size.
 * @param {Array<Array<number>>} [props.compositeBreakValues] - An array of arrays containing break values for each composite track.
 *
 * @returns {JSX.Element} The rendered HorizontalMixer component with a slider, tracks, and labels.
 */
export declare const HorizontalMixer: (props: HorizontalMixerProps) => import("react/jsx-runtime").JSX.Element;
export default HorizontalMixer;
