import type { ElementType } from "react"; import type { RadioOptions } from "../radio/radio.tsx"; import type { Props } from "../utils/types.ts"; import type { FormControlOptions } from "./form-control.tsx"; declare const TagName = "input"; type TagName = typeof TagName; /** * Returns props to create a `FormRadio` component. * @see https://ariakit.com/components/form * @example * ```jsx * const store = useFormStore({ defaultValues: { char: "a" } }); * const a = useFormRadio({ store, name: store.names.char, value: "a" }); * const b = useFormRadio({ store, name: store.names.char, value: "b" }); * const c = useFormRadio({ store, name: store.names.char, value: "c" }); *
* ``` */ export declare const useFormRadio: import("../utils/types.ts").Hook<"input", FormRadioOptions<"input">>; /** * Renders a radio button as a form control. This component must be wrapped in a * [`FormRadioGroup`](https://ariakit.com/reference/form-radio-group) along with * other radio buttons sharing the same * [`name`](https://ariakit.com/reference/form-radio#name). * @see https://ariakit.com/components/form * @example * ```jsx {10-12} * const form = useFormStore({ * defaultValues: { * char: "a", * }, * }); * * * ``` */ export declare const FormRadio: (props: FormRadioProps) => import("react").ReactElement