import React from "react";
import { type StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    component: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
        children?: React.ReactNode;
        inputClassName?: string;
        name: string;
        id: string;
        label?: React.ReactNode;
        helperText?: React.ReactNode;
        errorText?: React.ReactNode;
    }, "ref"> & React.RefAttributes<HTMLInputElement>>;
    parameters: {
        design: {
            type: string;
            url: string;
        };
        backgrounds: {
            default: string;
        };
        docs: {
            helperText: {
                component: string;
            };
            description: {
                component: string;
            };
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const WithDifferentLabels: Story;
export declare const Disabled: Story;
export declare const CheckedAndDisabled: Story;
export declare const _LabeledRadioGroup: Story;
export declare const WithNestedContent: Story;
export declare const OverviewLabeledRadioCard: Story;
export declare const UsingLabelAndSubtitleProps: Story;
export declare const UsingChildrenPropForCustomContent: Story;
export declare const SingleColumnWithIcons: Story;
/**
 * A `ReactNode` passed as `label` or `children` is rendered as-is and fills
 * the card, so you decide its layout: e.g. center the content, or put an icon
 * above the label. Use phrasing elements (e.g. `Stack as="span"`), as the
 * content is rendered inside a `<label>`.
 */
export declare const CustomContentLayout: Story;
/**
 * Besides a string, `title` takes a node, such as a `Heading` with an info
 * icon. It's still rendered as the fieldset's `<legend>`, so it names the
 * group. All of its text names the group, including the info button's label
 * (screen readers announce "Frequency, About frequency").
 *
 * `Heading as="h4"` adds a real heading to the page outline; pick a level
 * that fits the page, or use `as="span"` when only the styling is wanted.
 */
export declare const GroupTitleAsNode: Story;