import { ReactElement } from 'react';
import { CheckboxProps } from '../../../../../../../../../src/components/Checkbox';
export interface CheckboxGroupDefaultProps {
    children: ReactElement<CheckboxProps> | ReactElement<CheckboxProps>[];
    groupName: string;
    inline?: boolean;
    helperText?: string;
    error?: boolean;
    required?: boolean;
    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
}
type EnforcedAccessibleLabel = {
    "aria-labelledby": string;
    label?: string;
} | {
    "aria-labelledby"?: string;
    label: string;
};
export type CheckboxGroupProps = CheckboxGroupDefaultProps & EnforcedAccessibleLabel;
/**
 * Checkbox group is used to render a group of related Checkbox Components.
 * It must be passed a `label` or an `aria-labelledby` that matches the `id` prop of an existing `<label>`.
 * It must also be passed a `groupName` which maps the child checkbox's `name` prop.
 *
 * @example
<CheckboxGroup
  label="Checkbox Group"
  groupName="checkbox-group"
  onChange={(e) => setChecked(e.target.value)},
>
  <Checkbox value="gift">Gift</Checkbox>
  <Checkbox value="prime" defaultChecked>Prime</Checkbox>
</CheckboxGroup>
 *
 * @example
<label id="checkbox-group-label">Checkbox Group</label>
<CheckboxGroup
  groupName="checkbox-group"
  aria-labelledby="checkbox-group-label"
  onChange={(e) => setChecked(e.target.value)},
>
  <Checkbox value="gift">Gift</Checkbox>
  <Checkbox value="prime" defaultChecked>Prime</Checkbox>
</CheckboxGroup>
 *
 * @see https://design.avayacloud.com/components/web/checkbox-web
 * @see https://neo-react-library-storybook.netlify.app/?path=/story/components-checkbox-group
 */
export declare const CheckboxGroup: {
    ({ children, groupName, "aria-labelledby": ariaLabelledBy, label, inline, helperText, error, required, onChange, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export {};