Make the work
you can't
scroll past.

// 1. Author visually in ExodeUI Studio
// 2. Export state machine directly to React JSX
import { ExodeCanvas, useStateMachine } from '@exodeui/react';
import loginScene from './exports/LoginStateMachine.json';

export default function LoginForm() {
  const { state, send } = useStateMachine(loginScene, {
    initialState: 'idle'
  });

  return (
    <div className="login-container">
      {/* Visual Canvas with compiled spring physics */}
      <ExodeCanvas
        scene={loginScene}
        state={state}
        inputs={{
          emailLength: 0,
          isPeeking: false
        }}
      />
      
      {/* Zero glue code: Trigger transitions directly */}
      <button onClick={() => send('SUBMIT')}>
        {state.matches('authenticating') ? 'Signing in...' : 'Continue'}
      </button>
    </div>
  );
}