import { Link } from "@tanstack/react-router";
import logoWhite from "@/assets/logo-white.png";
import logoDark from "@/assets/logo-dark.png";

export function Logo({
  className = "",
  variant = "white",
}: {
  className?: string;
  variant?: "white" | "dark";
}) {
  const src = variant === "white" ? logoWhite : logoDark;
  return (
    <Link to="/" className={`inline-flex items-center ${className}`} aria-label="InvestPlus">
      <img src={src} alt="InvestPlus" className="h-8 w-auto" />
    </Link>
  );
}