import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
interface RadioGroupBlockOption {
    value: string;
    label: ReactNode;
    description?: ReactNode;
    disabled?: boolean;
    /** Optional trailing slot rendered at the end of the row (e.g. a discount tag) */
    trailing?: ReactNode;
}
interface RadioGroupBlockProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'children'> {
    options: RadioGroupBlockOption[];
    /**
     * - `separated` (default): each option is its own bordered card stacked with gaps.
     * - `grouped`: options share a single outer border with dividers between rows.
     */
    variant?: 'separated' | 'grouped';
    /** Error message displayed below the group (also triggers red borders) */
    error?: string;
    itemClassName?: string;
}
declare const RadioGroupBlock: import("react").ForwardRefExoticComponent<RadioGroupBlockProps & import("react").RefAttributes<HTMLDivElement>>;
export { RadioGroup, RadioGroupItem, RadioGroupBlock };
export type { RadioGroupBlockProps, RadioGroupBlockOption };
//# sourceMappingURL=radio-group.d.ts.map