"use client";
import { useEffect, useState } from "react";
import { Moon, Sun } from "lucide-react";
export function ThemeToggle({ label }: { label: string }) {
  const [dark, setDark] = useState(false);
  useEffect(() => { setDark(document.documentElement.classList.contains("dark")); }, []);
  const toggle = () => { const d = !dark; setDark(d); document.documentElement.classList.toggle("dark", d); try { localStorage.setItem("theme", d ? "dark" : "light"); } catch {} };
  return <button type="button" onClick={toggle} aria-label={label} title={label} className="btn btn-sm !px-2" >{dark ? <Sun size={16} aria-hidden /> : <Moon size={16} aria-hidden />}</button>;
}