import { type CSSProperties } from 'react';
import { type CssLength } from '../../../utils/css';
type BubbleSliderItem = {
    id: string;
    label: string;
    iconPath: string;
};
type BubbleSliderProps = {
    items?: readonly BubbleSliderItem[];
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string, item: BubbleSliderItem, index: number) => void;
    ariaLabel?: string;
    getItemLabel?: (item: BubbleSliderItem, index: number) => string;
    disabled?: boolean;
    intro?: boolean;
    width?: CssLength;
    height?: CssLength;
    uiColor?: string;
    textColor?: string;
    iconColor?: string;
    bubbleFillColor?: string;
    backgroundColor?: string;
    className?: string;
    style?: CSSProperties;
};
declare const ORIGINAL_INSPIRATION_URL = "https://codepen.io/chrisgannon/pen/GZNgLw";
declare const DEFAULT_BUBBLE_SLIDER_ITEMS: {
    id: string;
    label: string;
    iconPath: string;
}[];
declare const BubbleSlider: ({ items, value, defaultValue, onValueChange, ariaLabel, getItemLabel, disabled, intro, width, height, uiColor, textColor, iconColor, bubbleFillColor, backgroundColor, className, style, }: BubbleSliderProps) => import("react/jsx-runtime").JSX.Element;
export { BubbleSlider, DEFAULT_BUBBLE_SLIDER_ITEMS, ORIGINAL_INSPIRATION_URL as BUBBLE_SLIDER_INSPIRATION_URL, };
export type { BubbleSliderItem, BubbleSliderProps };