import { AriaLabelingProps } from '../../core/types/a11y-props.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import { DataTestId } from '../../core/types/data-props.js';
import { DOMProps } from '../../core/types/dom.js';
import type { FocusEvents } from '../../core/types/events.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import { StylingProps } from '../../core/types/styling-props.js';
import { WithChildren } from '../../core/types/with-children.js';
import type { FormControlRef } from '../shared-types.js';
/**
 * Properties for the Radio component
 * @public
 */
export type RadioProps = Pick<FormControlProps<string, never>, 'disabled' | 'value'> & DOMProps & StylingProps & WithChildren & DataTestId & FocusEvents & AriaLabelingProps & BehaviorTrackingProps;
/**
 * Radio buttons allow users to select one option from
 * a group of related options. To group options, wrap the
 * `Radio` components inside a `RadioGroup` component.
 * If you want to give the user more than 4 options,
 * consider using a `Select` component.
 * @public
 */
export declare const Radio: (props: Pick<FormControlProps<string, never>, "disabled" | "value"> & DOMProps & StylingProps & WithChildren & DataTestId & FocusEvents & AriaLabelingProps & BehaviorTrackingProps & import("react").RefAttributes<FormControlRef<HTMLElement>>) => import("react").ReactElement | null;