import { render, screen } from "@testing-library/react";
import { ThemeToggle } from "@/app/components/ThemeToggle";

// Mock next-themes
jest.mock("next-themes", () => ({
  useTheme: () => ({
    theme: "light",
    setTheme: jest.fn(),
  }),
}));

describe("ThemeToggle Component", () => {
  it("renders the theme toggle button", () => {
    render(<ThemeToggle />);
    // Initial render should have the button
    expect(screen.getByRole("button")).toBeInTheDocument();
  });
});