import { Link } from "react-router-dom";
import { cn } from "@/lib/utils";

interface AppLogoProps { dark?: boolean; compact?: boolean; className?: string; }

export function AppLogo({ dark = false, compact = false, className }: AppLogoProps) {
  return (
    <Link to="/" className={cn("inline-flex items-center", className)} aria-label="TripTales — Accueil">
      <img src={compact ? "/logo-mark.svg" : dark ? "/logo-dark.svg" : "/logo-light.svg"} alt="TripTales" className={compact ? "h-10 w-10" : "h-10 w-auto"} />
    </Link>
  );
}