import Image from "next/image";
import { cn } from "@/lib/utils";
export function Brand({
  compact = false,
  className,
}: {
  compact?: boolean;
  className?: string;
}) {
  return (
    <span
      className={cn(
        "relative block h-[42px]",
        compact ? "w-10" : "w-[120px]",
        className,
      )}
    >
      {compact ? (
        <Image
          src="/branding/tiar-icon.svg"
          alt="Tiar"
          loading="eager"
          width={285}
          height={284}
          className="h-[42px] w-10 object-contain"
        />
      ) : (
        <>
          <Image
            src="/branding/tiar-logo.svg"
            alt="Tiar"
            loading="eager"
            width={939}
            height={351}
            className="h-[42px] w-[120px] max-w-none object-contain dark:hidden"
          />
          <Image
            src="/branding/tiar-logo-dark.svg"
            alt="Tiar"
            loading="eager"
            width={939}
            height={351}
            className="hidden h-[42px] w-[120px] max-w-none object-contain dark:block"
          />
        </>
      )}
    </span>
  );
}