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

export function Logo({ compact = false }: { compact?: boolean }) {
  return (
    <Link to="/" className="inline-flex items-center" aria-label="Premier Pediatric Therapy home">
      <img
        src={logo.url}
        alt="Premier Pediatric Therapy — Lighting the way to a brighter future"
        width={300}
        height={136}
        className={`w-auto transition-[height] duration-200 motion-reduce:transition-none ${compact ? "h-10 sm:h-12" : "h-12 sm:h-16"}`}
      />
    </Link>
  );
}