// src/components/navbar/ThemeToggle.jsx
import React from "react";
import { LuSun, LuMoon } from "react-icons/lu";

export default function ThemeToggle({ theme, setTheme, onInfo }) {
  return (
    <>
      {/* سوئیچر لایت */}
      <button
        onClick={() => {
          setTheme("light");
          onInfo?.("حالت روشن فعال شد.");
        }}
        className="text-white hidden dark:block"
        aria-label="حالت روشن"
        type="button"
      >
        <LuSun className="h-6 w-6" />
      </button>

      {/* سوئیچر دارک */}
      <button
        onClick={() => {
          setTheme("dark");
          onInfo?.("حالت تیره فعال شد.");
        }}
        className="text-[#43BEFF] block dark:hidden"
        aria-label="حالت تیره"
        type="button"
      >
        <LuMoon className="h-6 w-6" />
      </button>
    </>
  );
}
