import { ComponentProps } from 'react';
import { InputCheckboxGroupOption } from './InputCheckboxGroupItem';
export interface SelectedItem {
    /**
     * Item identifier, should be one of the options
     */
    value: string;
    /**
     * Selected quantity for the checked item
     */
    quantity?: number;
}
/**
 * Renders a group of checkbox items. Each item can be selected/unselected.
 * The title will be automatically computed with the number of selected items.
 *
 * Each item can also be associated with a quantity input, when quantity is changed the new value
 * will be available in the onChange callback.
 * The total number of select items in the title will be automatically computed with the sum of all selected quantities.
 * <span type="info">Quantity for each option item has a min/max range, to prevent selecting less or more than the allowed number.</span>
 */
export declare const InputCheckboxGroup: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
    title?: string
    /**
     * list of options to render as checkboxes with quantity input
     */
     | undefined;
    options: InputCheckboxGroupOption[];
    defaultValues?: SelectedItem[]
    /**
     * Callback triggered when the user checks/unchecks an option or changes the quantity
     */
     | undefined;
    onChange: (selected: SelectedItem[]) => void;
    cardId?: string | undefined;
    feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
    delayMs?: number | undefined;
    isLoading?: boolean | undefined;
}>;
export type InputCheckboxGroupProps = ComponentProps<typeof InputCheckboxGroup>;