/// <reference types="react" />
import './MultiSliderOutput.scss';
import type { ValidationResult } from 'react-aria-components';
export type MultiSliderOutputProps = {
    colors: string[];
    breakValues: number[];
    children?: React.ReactNode;
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    disabled?: boolean;
};
/**
 * MultiSliderOutput component that renders a series of color blocks representing break values.
 *
 * @param {Object} props - The properties passed to the component.
 * @param {Array<string>} props.colors - An array of color values for each block.
 * @param {Array<number>} props.breakValues - An array of break values determining the width of each block.
 *
 * @returns {JSX.Element|null} The rendered MultiSliderOutput component with color blocks, or null if required props are missing.
 *
 * @example
 * // Example usage of MultiSliderOutput
 * <MultiSliderOutput
 *    colors={['#FF0000', '#00FF00', '#0000FF']}
 *    breakValues={[20, 30, 50]}
 * />
 */
export declare const MultiSliderOutput: (props: MultiSliderOutputProps) => import("react/jsx-runtime").JSX.Element;
export default MultiSliderOutput;