diff --git a/src/contexts/Overlay.tsx b/src/contexts/Overlay.tsx
new file mode 100644
index 0000000..de3f82d
--- /dev/null
+++ b/src/contexts/Overlay.tsx
@@ -0,0 +1,16 @@
+import Box from "@components/bases/Box";
+import { createContext, useContext } from "react";
+
+export const OverlayContext = createContext({});
+
+export const OverlayProvider = ({ children }: { children: React.ReactNode }) => {
+	return <OverlayContext.Provider value={{}}>{children}</OverlayContext.Provider>;
+};
+
+export const useOverlayContext = () => {
+	return useContext(OverlayContext);
+};
+
+const OverlayComponent = () => {
+	return <Box />;
+};