import React from 'react';
import { Props } from '../../../common';
interface ICheckboxSetOptionProps {
    /** Custom classname to use */
    className?: string;
    /** If true, sets input to disabled state */
    isDisabled?: boolean;
    /** Handle blur event */
    handleBlur?: (e: React.FocusEvent<HTMLInputElement>, value?: string | number) => void;
    /** Handle key down events */
    handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    /** If true, use HTML5 required attribute */
    isHTML5Required?: boolean;
    /** Add autofocus attribute to input */
    autoFocus?: boolean;
    /** The component context */
    componentContext?: string;
    /** Label to display next to the checkbox */
    label: JSX.Element | string;
    /** Identifier of the input */
    identifier: string;
}
interface ICheckboxSetParentProps {
    /** Custom classname to use */
    className?: string;
    /** If true, sets input to disabled state */
    isDisabled?: boolean;
    /** Handle blur event */
    handleBlur?: (e: React.FocusEvent<HTMLInputElement>, value?: string | number) => void;
    /** Handle key down events */
    handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    /** If true, use HTML5 required attribute */
    isHTML5Required?: boolean;
    /** Add autofocus attribute to input */
    autoFocus?: boolean;
    /** The component context */
    componentContext?: string;
    /** Label to display next to the checkbox */
    label: JSX.Element | string;
    isIndeterminate?: boolean;
}
export interface ICheckboxSetProps {
    /** The margins around the component */
    margins?: Props.IMargins;
    /** Array of options to display in the list */
    options: ICheckboxSetOptionProps[];
    /** Called when the input is changed */
    onChange?: (value: {
        [i: string]: boolean;
    }) => void;
    /** Specify the orientation of the checkbox group */
    orientation?: Props.Orientation;
    /** If true, all checkbox inputs are wrapped with a button */
    useButtonStyle?: boolean;
    /** the spacing of checkbox set */
    spacing?: 'normal' | 'tight';
    /** The name property of the checkbox inputs */
    name: string;
    /** The currently checked value */
    value: {
        [i: string]: boolean;
    };
    /** The id of the option */
    id?: string;
    /** The parent checkbox input to display and handle select all */
    parentOption?: ICheckboxSetParentProps;
}
declare const CheckboxSet: React.FC<React.PropsWithChildren<ICheckboxSetProps>>;
export { CheckboxSet };