blockchain/apps/portal/components/wallet/wallet-logos.tsx

/**
 * Official-style marks for external MetaMask + future mavi wallet.
 * Assets live in /public/brand/ (copied from project brand folders).
 */

type LogoProps = {
  size?: number;
  className?: string;
};

export function MetaMaskLogo({ size = 20, className }: LogoProps) {
  return (
    // eslint-disable-next-line @next/next/no-img-element
    <img
      src="/brand/metamask.svg"
      alt=""
      width={size}
      height={size}
      className={className ?? "h-5 w-5 shrink-0 object-contain"}
      aria-hidden
    />
  );
}

export function MaviWalletLogo({ size = 20, className }: LogoProps) {
  return (
    // eslint-disable-next-line @next/next/no-img-element
    <img
      src="/brand/mavi-wallet.svg"
      alt=""
      width={size}
      height={size}
      className={className ?? "h-5 w-5 shrink-0 object-contain"}
      aria-hidden
    />
  );
}