import type { ImgHTMLAttributes } from 'react';

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

/** The Jabes marca (raster). `mix-blend-multiply` reduce el blanco del arte en fondos oscuros sin duplicar archivo. */
export default function AppLogoIcon({
    className,
    alt = 'The Jabes',
    ...props
}: ImgHTMLAttributes<HTMLImageElement>) {
    return (
        <img
            src="/images/the-jabes-mark.png"
            alt={alt}
            decoding="async"
            className={cn(
                'block h-8 w-auto max-w-none shrink-0 mix-blend-multiply',
                className,
            )}
            {...props}
        />
    );
}