Add useFormContext hook

Author: Tomdango

src/components/form/FormContext.ts

@@ -1,11 +1,15 @@
-import { createContext } from 'react';
+import { createContext, useContext } from 'react';
 
 export interface IFormContext {
   setError: (name: string, hasError: boolean) => void;
   isForm: boolean;
 }
 
-export default createContext<IFormContext>({
+const FormContext = createContext<IFormContext>({
   setError: () => {},
   isForm: false,
 });
+
+export const useFormContext = (): IFormContext => useContext<IFormContext>(FormContext);
+
+export default FormContext;

src/components/form/index.ts

@@ -1,3 +1,4 @@
 import Form from './Form';
+export { useFormContext } from './FormContext';
 
 export default Form;

src/index.ts

@@ -12,7 +12,7 @@ export { default as ErrorMessage } from './components/error-message';
 export { default as ErrorSummary } from './components/error-summary';
 export { default as Fieldset } from './components/fieldset';
 export { default as Footer } from './components/footer';
-export { default as Form } from './components/form';
+export { default as Form, useFormContext } from './components/form';
 export { default as Header } from './components/header';
 export { default as Hero } from './components/hero';
 export { default as Hint } from './components/hint';