import { Definer } from '@react-form-builder/core';
import { JSX } from 'react/jsx-runtime';
import { RadioGroupProps } from '@mantine/core';

/**
 * Grouped components props.
 */
declare interface GroupLayoutProps {
    /**
     * Spacing between items.
     */
    gap?: string | number;
    /**
     * Align items within the group.
     */
    align?: 'start' | 'center' | 'end' | 'stretch';
    /**
     * Justify content within the group.
     */
    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
    /**
     * Wrap behavior for items.
     */
    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
    /**
     * Whether items should grow to fill available space.
     */
    grow?: boolean;
}

/**
 * Option interface for selectable items with label and value.
 */
declare interface IOption {
    /**
     * Display label for the option.
     */
    label: string;
    /**
     * Value associated with the option.
     */
    value: string;
}

/**
 * Mantine radio group component for React Form Builder.
 * @param props component properties.
 * @returns radio group component.
 */
export declare function MtRadioGroup(props: MtRadioGroupProps): JSX.Element;

export declare const mtRadioGroup: Definer<MtRadioGroupProps>;

/**
 * Props for the MtRadioGroup component.
 */
export declare interface MtRadioGroupProps extends Omit<RadioGroupProps, 'children'>, GroupLayoutProps {
    /**
     * Array of radio options with value and label.
     */
    items: IOption[];
    /**
     * Radio label position.
     */
    labelPosition?: 'left' | 'right';
}

export { }