// Simple user registration
const registerUser = async (userData) => {{
  const response = await fetch('/api/auth/register', {{
    method: 'POST',
    headers: {{
      'Content-Type': 'application/json',
      'X-Tenant-ID': 'your-tenant-id'
    }},
    body: JSON.stringify({{
      email: userData.email,
      password: userData.password,
      first_name: userData.firstName,
      last_name: userData.lastName,
      custom_fields: {{
        company: userData.company,
        role: userData.role
      }}
    }})
  }});
  
  const result = await response.json();
  
  if (result.success) {{
    // User registered successfully
    // Email verification sent automatically
    console.log('Registration successful!');
    return result.user;
  }}
}};

// Using our React hook
import {{ useAuth }} from '23blocks-react';

function RegistrationForm() {{
  const {{ register, isLoading, error }} = useAuth();
  
  const handleSubmit = async (formData) => {{
    try {{
      const user = await register({{
        email: formData.email,
        password: formData.password,
        firstName: formData.firstName,
        lastName: formData.lastName
      }});
      
      // Redirect to email verification page
      router.push('/verify-email');
    }} catch (err) {{
      console.error('Registration failed:', err);
    }}
  }};
  
  return (
    <form onSubmit={{ '{' + '{' }}handleSubmit{{ '}' + '}' }}>
      {{/* Your form fields */}}
    </form>
  );
}}