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

@@ -0,0 +1,2 @@
+export { AtomsProvider } from "./index";
+export * from "../types";

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>;
+}

packages/atoms/index.ts

@@ -1 +1,2 @@
 export { Booker } from "./booker/Booker";
+export { AtomsProvider } from "./atoms-provider/index";