diff --git a/apps/spotlight/src/components/react/form/view.tsx b/apps/spotlight/src/components/react/form/view.tsx
index daaa9ea81..9784920b0 100644
--- a/apps/spotlight/src/components/react/form/view.tsx
+++ b/apps/spotlight/src/components/react/form/view.tsx
@@ -4,6 +4,7 @@ import { FormProvider, useForm } from 'react-hook-form';
 import { Prompt, createFormContext, createPrompt } from '@atj/forms';
 import { getFormFromStorage } from '../../../lib/form-repo';
 import { PromptSegment } from './prompts';
+import { fillPDF } from '@atj/documents';
 
 // Assuming this is the structure of your JSON data
 export interface Field {
@@ -31,7 +32,12 @@ export const FormView = ({ prompt }: { prompt: Prompt }) => {
   const formMethods = useForm<Record<string, string>>({});
   return (
     <FormProvider {...formMethods}>
-      <form>
+      <form
+        onSubmit={formMethods.handleSubmit(async data => {
+          console.log(data);
+          //fillPDF();
+        })}
+      >
         <fieldset className="usa-fieldset">
           {prompt.map((promptPart, index) => (
             <PromptSegment key={index} promptPart={promptPart}></PromptSegment>
diff --git a/packages/forms/src/index.ts b/packages/forms/src/index.ts
index 575af6915..77704a266 100644
--- a/packages/forms/src/index.ts
+++ b/packages/forms/src/index.ts
@@ -21,6 +21,10 @@ export type Form<T extends FormStrategy = SequentialStrategy> = {
   summary: FormSummary;
   questions: Record<QuestionId, Question>;
   strategy: T;
+  documents: {
+    path: string;
+    fieldMap: Record<string, string>;
+  }[];
 };
 
 export type FormContext<T extends FormStrategy> = {
@@ -55,6 +59,7 @@ export const createForm = (
         return question.id;
       }),
     },
+    documents: [],
   };
 };