import { ComponentProps } from 'react'; import { InputCheckboxProps } from '../InputCheckbox'; export interface InputCheckboxGroupOption extends Pick { /** * Input name, will be used to set the html name for checkbox and the quantity inputs. * If not provided, the value will be used instead. */ name?: string; /** * Item identifier, must be unique and will be used for the onChange callback. */ value: string; /** * Item content to be displayed in the central section of the row. */ content: React.ReactNode; /** * Quantity range to be used in the InputSpinner. * If not provided the quantity input spinner will not be displayed. */ quantity?: { min: number; max: number; }; } export interface Props extends InputCheckboxGroupOption { /** * Callback triggered when the user checks/unchecks an option or changes the quantity. * New quantity is returned only if `quantity` is part of the option (`InputCheckboxGroupOption`). */ onChange: (value: string, newQuantity?: number) => void; /** * Quantity to be used as default value for the InputSpinner. */ defaultQuantity?: number; } /** * Internal component to render the single item of the InputCheckboxGroup. */ export declare const InputCheckboxGroupItem: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{ onChange: (value: string, newQuantity?: number) => void; defaultQuantity?: number | undefined; name?: string /** * Item identifier, must be unique and will be used for the onChange callback. */ | undefined; value: string; content: React.ReactNode; quantity?: { min: number; max: number; } | undefined; icon?: import("react").JSX.Element | undefined; checked?: boolean | undefined | undefined; hideIconOnDesktop?: boolean | undefined; checkedElement?: import("react").JSX.Element | undefined; delayMs?: number | undefined; isLoading?: boolean | undefined; }>; export type InputCheckboxGroupItemProps = ComponentProps;