import type { ReactNode } from 'react';
import React from 'react';
import type { PillType } from '../Pill/Pill';
type PillGroupVariant = 'fieldset' | 'group' | 'radiogroup';
interface Props {
    /**
     * Unique ID for the group.
     */
    id: string;
    /**
     * Type of the group elements.
     *
     * @param {PillType} none Group of buttons
     * @param {PillType} checkbox Group of checkboxes
     * @param {PillType} radio Group of radio buttons
     *
     * @default 'none'
     */
    type: PillType;
    /**
     * Variant of the wrapper element.
     *
     * @param {PillGroupVariant} fieldset Groups form controls semantically
     * @param {PillGroupVariant} group Groups with role="group" for checkboxes or buttons
     * @param {PillGroupVariant} radiogroup Groups with role="radiogroup" for radio buttons
     *
     * @default 'fieldset'
     */
    groupVariant: PillGroupVariant;
    /**
     * Renders a list of Pill components within the group.
     */
    children: ReactNode;
    /**
     * Label for the group, displayed as a legend or a div.
     * It's linked to the `aria-labelledby` on the wrapper element with role="group" or role="radiogroup".
     */
    label?: string;
    /**
     * Custom class name for styling.
     */
    className?: string;
    /**
     * Additional context for the group when the label is insufficient.
     * it's linked to the `aria-describedby` on the wrapper element with role="group" and role="radiogroup".
     */
    description?: string;
    /**
     * Test ID for testing purposes.
     */
    'data-testid'?: string;
}
declare const PillGroup: ({ children, label, id, type, className, description, groupVariant, "data-testid": dataTestId, }: Props) => React.JSX.Element;
/** @component */
export default PillGroup;
export { PillGroupVariant };