Add a theme provider

Author: SjaakSchilperoort

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@observation.org/react-native-components",
-  "version": "1.72.0",
+  "version": "1.73.0",
   "main": "src/index.ts",
   "repository": "git@github.com:observation/react-native-components.git",
   "author": "Observation.org",

src/index.ts

@@ -34,6 +34,7 @@ import BrandIcons from './lib/BrandIcons'
 import Icons, { IconName } from './lib/Icons'
 import { setLogConfiguration } from './lib/Log'
 import { openUrl } from './lib/Url'
+import { ThemeProvider } from './theme/ThemeProvider'
 
 export {
   Accordion,
@@ -66,6 +67,7 @@ export {
   ProgressBar,
   ProgressBarList,
   TextLink,
+  ThemeProvider,
   Tooltip,
   WebLink,
   openUrl,

src/theme/ThemeProvider.tsx

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react'
+
+import { Theme } from '../@types/theme'
+import defaultTheme from '../styles/theme'
+
+const ThemeContext = createContext<Theme>(defaultTheme)
+
+export const ThemeProvider = ({ theme, children }: { theme: Theme; children: React.ReactNode }) => {
+  return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
+}
+
+export const useTheme = () => useContext(ThemeContext)