import { CheckboxGroupProps as CheckboxGroupProps$1, StackDirection } from '@chakra-ui/react';

type CheckboxGroupProps = Exclude<CheckboxGroupProps$1, "colorScheme" | "size" | "variant"> & {
    direction?: StackDirection;
};
/**
 * Used to group several checkboxes together. You can pass the default value, as well as whether or not they're all disabled
 *
 * ```tsx
 * <CheckboxGroup isDisabled defaultValue={['red', 'blue']}>
 *   <Checkbox value="red">Red</Checkbox>
 *   <Checkbox value="blue">Blue</Checkbox>
 *   <Checkbox value="green">Green</Checkbox>
 * </CheckboxGroup>
 * ```
 *
 * By default, checkboxes in a CheckboxGroup show up horizontally. If you want them to show up vertically, please specify the `direction="column"` prop.
 *
 * ```tsx
 * <CheckboxGroup direction="column">
 *   <Checkbox>Economy</Checkbox>
 *   <Checkbox>Business</Checkbox>
 *   <Checkbox>First Class</Checkbox>
 * </CheckboxGroup>
 */
declare const CheckboxGroup: ({ direction, children, ...props }: CheckboxGroupProps) => JSX.Element;

export { CheckboxGroup, CheckboxGroupProps };