import Image from "next/image";
import { cn } from "@/lib/utils";

type HighlightIconProps = {
  src: string;
  alt: string;
  bgColor?: string;
  size?: number;
  className?: string;
};

export function HighlightIcon({  
  src,
  alt,
  bgColor = "#ABCCE6",
  size = 88,
  className,
}: HighlightIconProps) {
  return (
    <span
      className={cn(
        "inline-block rounded-full px-2 py-1 mx-2 -mb-7",
        className
      )}
      style={{ backgroundColor: bgColor }}
    >
      <Image
        src={src}
        alt={alt}
        width={size}
        height={size}
        priority={false}
      />
    </span>
  );
};

export default HighlightIcon;