"use client";
import { useEffect, useState } from "react";
export function CurrencyToggle() {
const [currency, setCurrency] = useState<"USD" | "CAD">("USD");
const toggle = () => {
setCurrency((prev) => (prev === "USD" ? "CAD" : "USD"));
// In a real app, this would update a context or store
document.documentElement.style.setProperty("--currency-symbol", currency === "USD" ? "'C$'" : "'$'");
};
return (
);
}
export function MoodToggle() {
const [isDark, setIsDark] = useState(false);
useEffect(() => {
if (document.documentElement.classList.contains("dark")) {
setIsDark(true);
}
}, []);
const toggle = () => {
const next = !isDark;
setIsDark(next);
if (next) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
};
return (
);
}