import { ReactNode } from 'react';
import { ValidationStatus } from '../hooks/useInternalStatus';
export interface CheckboxSelectOption<Value = string> {
    value: Value;
    label: ReactNode;
}
export interface CheckboxSelectGroup<Value = string> {
    label?: ReactNode;
    options: CheckboxSelectOption<Value>[];
}
export interface CheckboxSelectProps<Value = string> {
    id?: string;
    name?: string;
    label?: ReactNode;
    description?: string;
    placeholder?: string;
    value?: Value[];
    options?: CheckboxSelectOption<Value>[];
    groups?: CheckboxSelectGroup<Value>[];
    onChange?: (event: Event, value: Value[]) => void;
    disabled?: boolean;
    required?: boolean;
    hideRequiredStar?: boolean;
    validationStatus?: ValidationStatus;
    errorMessage?: string;
    className?: string;
    'data-testid'?: string;
    /** Renders the selected values summary in the trigger */
    renderValue?: (selected: Value[]) => ReactNode;
}
export declare function CheckboxSelect<Value = string>({ id: idProp, name: nameProp, label, description, placeholder, value: controlledValue, options, groups, onChange, disabled, required, hideRequiredStar, validationStatus, errorMessage, className, 'data-testid': dataTestId, renderValue, }: CheckboxSelectProps<Value>): import("react/jsx-runtime").JSX.Element;
