# Initialize HAX in your project
hax init

# Add the component
hax add artifact form

import { HAXDetails, useFormAction } from "@/hax/artifacts/form";

export function RegistrationPage() {
  const [artifacts, setArtifacts] = useState([]);

  // Register form actions for AI agents
  useFormAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle form updates
    }
  });

  const handleFormSubmit = (formTitle, data) => {
    console.log('Form submitted:', formTitle, data);
  };

  return (
    <HAXForm
      title="User Registration"
      fields={formFields}
      onFormSubmit={handleFormSubmit}
    />
  );
}