spb/wp-spboucher-ai

1"use client";2import { useEffect, useState } from "react";3import { Moon, Sun } from "lucide-react";4export function ThemeToggle({ label }: { label: string }) {5  const [dark, setDark] = useState(false);6  useEffect(() => { setDark(document.documentElement.classList.contains("dark")); }, []);7  const toggle = () => { const d = !dark; setDark(d); document.documentElement.classList.toggle("dark", d); try { localStorage.setItem("theme", d ? "dark" : "light"); } catch {} };8  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>;9}10