/**
 * StateNode Component
 *
 * A draggable state circle for the graph editor in the State Architect tier (ages 13+).
 * Shows state name, highlights when current, and supports click to select.
 *
 * @packageDocumentation
 */
import React from 'react';
export interface StateNodeProps {
    /** State name */
    name: string;
    /** Whether this is the current active state */
    isCurrent?: boolean;
    /** Whether this node is selected for editing */
    isSelected?: boolean;
    /** Whether this is the initial state */
    isInitial?: boolean;
    /** Position on the graph canvas */
    position: {
        x: number;
        y: number;
    };
    /** Click handler */
    onClick?: () => void;
    /** Additional CSS classes */
    className?: string;
}
export declare function StateNode({ name, isCurrent, isSelected, isInitial, position, onClick, className, }: StateNodeProps): React.JSX.Element;
export declare namespace StateNode {
    var displayName: string;
}
export default StateNode;
