# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-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}
    />
  );
}