import { Link } from "@tanstack/react-router";
import logo from "@/assets/oris-logo.png";

export function Logo({ className = "", showTagline = true }: { className?: string; showTagline?: boolean }) {
  return (
    <Link to="/" className={`inline-flex items-center gap-3 group ${className}`}>
      <img src={logo} alt="ORIS — Solutions Numériques" className="h-9 w-auto object-contain drop-shadow-[0_0_12px_rgba(60,100,255,0.4)]" />
      {showTagline && (
        <>
          <span className="hidden sm:inline-block h-6 w-px bg-primary/60" />
          <span className="hidden sm:inline text-[10px] tracking-[0.2em] text-primary font-medium uppercase">
            Solutions Numériques
          </span>
        </>
      )}
    </Link>
  );
}