import React from "react";
type Props = React.ComponentPropsWithRef<"input"> & {
    /**
     * Content that belongs to this option, rendered underneath it and lined
     * up with the label, such as an extra input that appears when the option
     * is selected. It is rendered outside of the `<label>`, so it can safely
     * contain interactive elements without toggling the radio. Use `label` for
     * the label of the radio itself.
     *
     * The radio's label does not label anything in `children`, so inputs in
     * there need their own accessible name (e.g. `aria-label`). Children are not
     * dimmed when the radio is `disabled`; that is up to the consumer.
     * Best suited for vertical groups, as in a horizontal group the children
     * widen the column of its option.
     */
    children?: React.ReactNode;
    /**
     * Additional classes to apply to the radio input HTML element.
     */
    inputClassName?: string;
    /**
     * Making `name` required, since it's essential to make the radios
     * work together in a group. Normally you would put the value of
     * the selection here.
     *
     * @example "notification-method"
     *
     * ```tsx
     * <StyledRadioGroup>
     *   <StyledRadio name="notification-method" id="email" value="email" />
     *   <StyledRadio name="notification-method" id="sms" value="sms" />
     * </StyledRadioGroup>
     * ```
     */
    name: string;
    /**
     * Making `id` required, since it's important for accessibility.
     */
    id: string;
    /**
     * The visual label next to the radio indicator. A string (or number) is
     * rendered inside a `<Text>` component, any other node is rendered as-is,
     * so it can be used for rich labels.
     */
    label?: React.ReactNode;
    /**
     * Any additional information to show underneath the label.
     */
    helperText?: React.ReactNode;
    /**
     * An error message that should be shown when there's something wrong
     * with the user's input.
     */
    errorText?: React.ReactNode;
};
/**
 * @example
 * ```tsx
 * <StyledRadioGroup>
 *   <StyledRadio
 *     name="login-method"
 *     id="email"
 *     value="email"
 *     label="Email"
 *   />
 *   <StyledRadio
 *     name="login-method"
 *     id="sms"
 *     value="sms"
 *     label="SMS"
 *     helperText="We will use your phone number only for login purposes."
 *   />
 * </StyledRadioGroup>
 * ```
 */
export declare const LabeledRadio: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
export {};