fairnesscoop / permacoop

import Cookies from "js-cookie";

import { get, writable } from "svelte/store";

import { Theme } from "src/constants";

const THEME_COOKIE = "permacoop_theme";

export const getThemeCookie = (

  cookieStore: { get: (v: string) => string | undefined } = Cookies

): Theme | null => {

  return (cookieStore.get(THEME_COOKIE) as Theme | undefined) || null;

};

export const theme = writable(getThemeCookie(Cookies));

export const toggleTheme = () => {

  const newTheme = get(theme) === Theme.DARK ? Theme.LIGHT : Theme.DARK;

  Cookies.set(THEME_COOKIE, newTheme.toString());

  theme.set(newTheme);

};