import * as React from "react";
import { ToggleBoxProps } from "./ToggleBox";
import { BreakpointConfig } from "../../shared/styles/breakpoints";
import { SpaceSize } from "../../shared/styles/styleUtils/modifiers/modifierUtils";
declare type FlexDirection = BreakpointConfig<React.CSSProperties["flexDirection"]>;
export interface ToggleBoxGroupProps {
    children: Array<React.ReactElement<ToggleBoxProps>>;
    /**
     * The unique identifier for a collection of ToggleBoxes
     */
    id?: string;
    /**
     * The direction the `ToggleBox` children are laid out in. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    direction?: FlexDirection;
    /**
     * The size of the space between each `ToggleBox` child. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    gutterSize?: SpaceSize;
    /**
     * Whether multiple ToggleBoxes can be selected
     */
    multiSelect?: boolean;
    /**
     * An array of selected ToggleBox values
     */
    selectedItems?: string[];
    /**
     * Callback for when a user makes a selection. Passes an array selected ToggleBox values as a parameter
     */
    onChange?: (selectedItems: string[]) => void;
    /**
     * A label for the group of ToggleBox inputs
     */
    label?: React.ReactNode;
}
declare const _default: ({ children, direction, gutterSize, id, label, multiSelect, onChange, selectedItems }: ToggleBoxGroupProps) => JSX.Element;
export default _default;