import React from "react"; import { RadioGroupContextType } from "./RadioGroupContext"; type Gap = "sx" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | string; export type RadioGroupProps = RadioGroupContextType & { name: string; children: React.ReactNode; /** * direction of the radio children * @default "row" */ direction?: "row" | "column"; /** * gap between the radio children in both directions */ gap?: Gap; /** * Space between the radio children when direction is column * @default "md" */ rowGap?: Gap; /** * Space between the radio children when direction is row * @default "lg" */ columnGap?: Gap; /** * Event handler for change, required if you want to use the Radio as a controlled component */ className?: string; }; export {};