import { useEffect, useState } from "react";
import { useTheme } from "next-themes";
import Head from "next/head";
const ThemeSwitch = () => {
const [isMounted, setMounted] = useState(false);
const { resolvedTheme, setTheme } = useTheme();
useEffect(() => setMounted(true), []);
const changeTheme = () => {
setTheme(resolvedTheme === "light" ? "dark" : "light");
};
if (!isMounted)
return (
<>
{resolvedTheme === "light" ? (
) : (
)}
);
else
return (
<>
{resolvedTheme === "light" ? (
) : (
)}
);
};
export default ThemeSwitch;