Create a provider for the EditingContext

components/generic/editable/provider.tsx

@@ -0,0 +1,14 @@
+import { ReactNode, useState } from "react"
+import { EditingContext, EditingMode } from "./base"
+
+
+/**
+ * Component which stores the current editing mode (by default {@link EditingMode.VIEW}) using {@link useState} and provides it to its children through an {@link EditingContext}.
+ */
+export const EditingModeProvider = ({ children }: { children: ReactNode }) => {
+    return (
+        <EditingContext.Provider value={useState<EditingMode>(EditingMode.VIEW)}>
+            {children}
+        </EditingContext.Provider>
+    )
+}