import { createContext, useContext } from "react";

export type Theme = "light" | "dark";

export const themeClasses: { [key in Theme]: string } = {
  light: "auik-text-black",
  dark: "auik-text-white"
};

export const ThemeContext = createContext<Theme>("light");

export const useThemeClass = () => {
  return themeClasses[useContext(ThemeContext)];
};

export default ThemeContext;