import Link from "next/link";

export function Logo({ className = "" }: { className?: string }) {
  return (
    <Link
      href="/"
      className={`group inline-flex items-center gap-2 text-neutral-900 ${className}`}
      aria-label="impact anasayfa"
    >
      <span
        aria-hidden
        className="inline-flex size-8 items-center justify-center rounded-sm bg-violet-700 text-sm font-black leading-none text-white"
      >
        i
      </span>
      <span className="text-lg font-black lowercase tracking-tight">impact</span>
    </Link>
  );
}
