import './MultiSliderLarge.scss';
import { MultiSliderProps } from '../../core/types';
/**
 * MultiSliderLarge component that renders a large 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 - Proportional sizes of each segment (must sum to 100; if not, the last segment is adjusted to make the total 100).
 * @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.
 *
 * @returns {JSX.Element} The rendered MultiSliderLarge component with a horizontal mixer for adjusting break values.
 *
 * @example
 * // Example usage of MultiSliderLarge
 * <MultiSliderLarge
 *    colors={['#FF0000', '#00FF00', '#0000FF']}
 *    labels={['Red', 'Green', 'Blue']}
 *    breakValues={[20, 30, 50]}
 *    onBreakValuesChange={(newValues) => console.log(newValues)}
 *    pearling={true}
 *    tooltipVisible={true}
 * />
 */
export declare const MultiSliderLarge: (props: MultiSliderProps) => import("react/jsx-runtime").JSX.Element;
export default MultiSliderLarge;