blockchain/apps/portal/components/brand/brand-logo.tsx

import Image from "next/image";

import { cn } from "@/lib/utils";

interface BrandLogoProps {
  className?: string;
  /** Pixel height of the mark */
  height?: number;
  priority?: boolean;
}

/** Official krypco logo mark (color geometry). */
export function BrandLogo({
  className,
  height = 36,
  priority = false,
}: BrandLogoProps) {
  const width = Math.round(height * (231.602 / 236));
  return (
    <Image
      src="/brand/logo.svg"
      alt="krypco"
      width={width}
      height={height}
      priority={priority}
      className={cn("shrink-0", className)}
    />
  );
}