import { HTMLAttributes } from 'react';
import { BreakpointCustomizable, Theme } from '../../types';
import { DSLanguage } from '../../utils';
import { Chip, ChipGroupAriaTranslations, ChipGroupSelectionMode, ChipGroupSize } from './ChipGroup.utils';
export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
    /** An array of Chip Objects containing the id and label and other optional parameters.
     * `{id: string;`
     * `label: string;`
     * `disabled?: boolean;`
     * `iconName?: IconName;`
     * `iconSource?: string;`
     * `isSelected?: boolean;`
     * `onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLDivElement>) => void;}[]`
     * */
    chips: Chip[];
    /** Unique id for the DSChipGroup. */
    id: string;
    /** Label text displayed above the DSChipGroup. */
    label: string;
    /** Disables tooltips for all chips in the group.
     * @default false
     */
    disableTooltips?: boolean;
    /** Hides the DSChipGroup label, can be responsive.
     *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
     * @default false
     */
    hideLabel?: BreakpointCustomizable<boolean>;
    /** Allows removal of Chips.
     * @default false
     */
    isRemovable?: boolean;
    /** Sets language for screen reader messages and ICU plural rule resolution.
     * Use `'de'` or `'en'` for preconfigured translations, or any
     * [BCP 47 language tag](https://www.rfc-editor.org/info/bcp47) (e.g. `'fr'`, `'pl'`, `'en-GB'`)
     * when providing a custom `translations` object.
     * @default 'en'
     */
    lang?: DSLanguage;
    /** Defines if only one Chip or multiple Chips can be selected. Ignored if `isRemovable=true`.
     * @default 'single'
     */
    selectionMode?: ChipGroupSelectionMode;
    /** Size of the Chips.
     * @default 'medium'
     */
    size?: ChipGroupSize;
    /** Translations for the DSChipGroup. Use our [customization page](/?path=/docs/components-chip-group-translations--documentation) for creating custom translations. */
    translations?: ChipGroupAriaTranslations;
    /** Callback function called when the selection of the DSChipGroup changes. */
    onChipsChange?: (chips: Chip[]) => void;
}
/** @internal Props including theme — not exported to consumers. */
export interface ChipGroupPropsWithTheme extends ChipGroupProps {
    /** Defines the theme.
     * @default 'light'
     */
    theme?: Theme;
}
/**
 * A component for selecting single or multiple chips, with options for selection (like radio buttons) or removal.
 * Supports different sizes. Use icons sparingly to reduce cognitive load.
 *
 * Design in Figma: [Chip Group](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=18691-978)
 */
export declare const DSChipGroup: React.FC<ChipGroupProps>;