import * as _chakra_ui_system_dist_system_types from '@chakra-ui/system/dist/system.types';
import { RadioGroupProps as RadioGroupProps$1, StackDirection } from '@chakra-ui/react';

type RadioGroupProps = Exclude<RadioGroupProps$1, "colorScheme" | "size" | "variant"> & {
    direction?: StackDirection;
};
/**
 * Radio groups are used to group several radio buttons together.
 *
 * You can pass the common `name` prop to the `RadioGroup`, instead of to each `Radio` component.
 *
 * ```tsx
 * <RadioGroup name="ticket">
 *   <Radio>Economy</Radio>
 *   <Radio>Business</Radio>
 *   <Radio>First Class</Radio>
 * </RadioGroup>
 * ```
 *
 * By default, radio buttons show up horizontally. If you want them to show up vertically, please specify the `direction="column"` prop.
 *
 * ```tsx
 * <RadioGroup name="ticket" direction="column">
 *   <Radio>Economy</Radio>
 *   <Radio>Business</Radio>
 *   <Radio>First Class</Radio>
 * </RadioGroup>
 * ```
 */
declare const RadioGroup: _chakra_ui_system_dist_system_types.ComponentWithAs<"div", RadioGroupProps>;

export { RadioGroup, RadioGroupProps };