import React from 'react';
import { type AsChildChildren } from '@wix/headless-utils/react';
import { EnhancedModifier, EnhancedModifierGroup } from '@wix/headless-restaurants-menus/services';
import { RuleTypeMap } from '../services/common-types.js';
export interface ItemDetailsModifierGroupProps {
    children: React.ReactNode;
}
export interface ModifiersProps {
    className?: string;
    asChild?: boolean;
    modifierNameClassName?: string;
    modifierPriceClassName?: string;
    checkboxRootClassName?: string;
    checkboxIndicatorClassName?: string;
    radioGroupItemClassName?: string;
    radioGroupIndicatorClassName?: string;
    labelClassName?: string;
    modifierItemClassName?: string;
    children?: AsChildChildren<{
        selectedModifierIds: string[];
        onToggle: (modifierId: string) => void;
        modifierGroup: EnhancedModifierGroup;
        modifiers: EnhancedModifier[];
        isSingleSelect: boolean;
    }>;
}
export interface ModifierCheckboxProps {
    selectedModifierIds: string[];
    onToggle: (modifierId: string) => void;
    className?: string;
    modifierNameClassName?: string;
    modifierPriceClassName?: string;
    checkboxRootClassName?: string;
    checkboxIndicatorClassName?: string;
    labelClassName?: string;
}
export interface ModifierRadioProps {
    modifierNameClassName?: string;
    modifierPriceClassName?: string;
    radioGroupItemClassName?: string;
    radioGroupIndicatorClassName?: string;
    labelClassName?: string;
    modifierItemClassName?: string;
}
export declare const Root: React.ForwardRefExoticComponent<ItemDetailsModifierGroupProps & React.RefAttributes<HTMLElement>>;
export declare const Modifiers: React.ForwardRefExoticComponent<ModifiersProps & React.RefAttributes<HTMLElement>>;
export interface DescriptionProps {
    ruleTypeMap: RuleTypeMap;
    className?: string;
    asChild?: boolean;
    children?: AsChildChildren<{
        description: string;
    }>;
}
export declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLElement>>;
export interface ErrorProps {
    ruleTypeMap: RuleTypeMap;
    className?: string;
    asChild?: boolean;
    children?: AsChildChildren<{
        error: string;
    }>;
}
export declare const Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;
export declare const ModifierGroup: {
    readonly Root: React.ForwardRefExoticComponent<ItemDetailsModifierGroupProps & React.RefAttributes<HTMLElement>>;
    readonly Modifiers: React.ForwardRefExoticComponent<ModifiersProps & React.RefAttributes<HTMLElement>>;
    readonly Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLElement>>;
    readonly Error: React.ForwardRefExoticComponent<ErrorProps & React.RefAttributes<HTMLElement>>;
};