Theme Switcher

File locations:

src/components/theme-switcher.tsx

A theme switcher that allows the user to switch between light mode, dark mode, or follow the device theme.

To use the component, import it into your page.tsx like this:

tsx

import ThemeSwitcher from "@/components/theme-switcher";