From 90d52663ac4b9c702e7481eb6cde72aeb541945d Mon Sep 17 00:00:00 2001
From: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
Date: Tue, 14 Nov 2023 20:47:48 +0530
Subject: [PATCH] feat: `AtomsProvider` component (#12354)

* init: atoms provider component

* chore: add atoms provider to index of atoms package

* cleanup comments
---
 packages/atoms/atoms-provider/export.ts |  2 ++
 packages/atoms/atoms-provider/index.tsx | 15 +++++++++++++++
 packages/atoms/index.ts                 |  1 +
 3 files changed, 18 insertions(+)
 create mode 100644 packages/atoms/atoms-provider/export.ts
 create mode 100644 packages/atoms/atoms-provider/index.tsx

diff --git a/packages/atoms/atoms-provider/export.ts b/packages/atoms/atoms-provider/export.ts
new file mode 100644
index 0000000000..da62d5bd00
--- /dev/null
+++ b/packages/atoms/atoms-provider/export.ts
@@ -0,0 +1,2 @@
+export { AtomsProvider } from "./index";
+export * from "../types";
diff --git a/packages/atoms/atoms-provider/index.tsx b/packages/atoms/atoms-provider/index.tsx
new file mode 100644
index 0000000000..8cf86eb234
--- /dev/null
+++ b/packages/atoms/atoms-provider/index.tsx
@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+import { createContext, useContext } from "react";
+
+type AtomsProviderProps = {
+  apiKey: string;
+  children: ReactNode;
+};
+
+const ApiKeyContext = createContext("");
+
+export const useApiKey = () => useContext(ApiKeyContext);
+
+export function AtomsProvider({ apiKey, children }: AtomsProviderProps) {
+  return <ApiKeyContext.Provider value={apiKey}>{children}</ApiKeyContext.Provider>;
+}
diff --git a/packages/atoms/index.ts b/packages/atoms/index.ts
index 647ca57b8d..ec1f94359b 100644
--- a/packages/atoms/index.ts
+++ b/packages/atoms/index.ts
@@ -1 +1,2 @@
 export { Booker } from "./booker/Booker";
+export { AtomsProvider } from "./atoms-provider/index";