/**
 * RuleEditor Component
 *
 * A single WHEN/THEN rule row for the Event Handler tier (ages 9-12).
 * Kid picks an event trigger and an action from dropdowns.
 *
 * @packageDocumentation
 */
import React from 'react';
export interface RuleDefinition {
    id: string;
    whenEvent: string;
    thenAction: string;
}
export interface RuleEditorProps {
    /** The current rule */
    rule: RuleDefinition;
    /** Available event triggers to listen for */
    availableEvents: Array<{
        value: string;
        label: string;
    }>;
    /** Available actions to perform */
    availableActions: Array<{
        value: string;
        label: string;
    }>;
    /** Called when rule changes */
    onChange: (rule: RuleDefinition) => void;
    /** Called when rule is removed */
    onRemove?: () => void;
    /** Whether editing is disabled (during playback) */
    disabled?: boolean;
    /** Additional CSS classes */
    className?: string;
}
export declare function RuleEditor({ rule, availableEvents, availableActions, onChange, onRemove, disabled, className, }: RuleEditorProps): React.JSX.Element;
export declare namespace RuleEditor {
    var displayName: string;
}
export default RuleEditor;
