import { DropdownPillProps } from './DropdownPill.types';
import './DropdownPill.scss';
export type { DropdownOption, DropdownPillProps } from './DropdownPill.types';
/**
 * An enhanced dropdown pill component that accepts objects as options with flexible value types.
 * Supports single and multi selection, custom styling, and rich option data structures.
 *
 * @template ValueType - The type of the option values
 * @template AriaKey - The type of the unique identifier for each option (string | number)
 * @param props - The component props
 * @param props.value
 * - ID(s) of the currently selected option(s).
 * - Single id for single selection, an array if multi-selection.
 * @param props.options - Array of option objects containing id, label, value, and optional styling/grouping properties
 * @param props.onChange - Callback fired when selection changes. For single selection: (option) => void. For multi-selection: (options[]) => void.
 * @param props.placeholder - Text displayed when no option is selected (defaults to "Select...")
 * @param props.title - Optional title displayed above the dropdown
 * @param props.supportTitle - Optional support text displayed below the title
 * @param props.leftIcon - Icon component displayed on the left side of the input
 * @param props.rightIcon - Icon component displayed on the right side of the input
 * @param props.rightChild - Custom component displayed on the right side
 * @param props.onLeftIconHover - Callback fired when hovering over the left icon
 * @param props.onRightIconHover - Callback fired when hovering over the right icon
 * @param props.onClear - Callback fired when clear button is clicked. If not provided, will use onChange with empty values. Button automatically shows when there are selected values.
 * @param props.errorMessage - Error message to display
 * @param props.className - Additional CSS classes
 * @param props.style - Inline styles
 * @param props.state - visual styles of the component
 * @param props.disabled - Whether the component is disabled
 * @param props.isSmall - Whether to use small styling
 * @param props.isPill - Whether to use pill styling (rounded corners w/ purple background color)
 * @param props.containerProps - Additional props passed to the container div
 * @returns JSX.Element - The rendered dropdown pill component
 */
export declare function DropdownPill<T extends any>(props: DropdownPillProps<T>): import("react/jsx-runtime").JSX.Element;
export default DropdownPill;
