import { Icon } from "@iconify/react";
import { cn } from "@/lib/utils";

interface LogoItemProps {
  icon: string;
  alt: string;
  size?: "sm" | "md" | "lg";
  className?: string;
}

const sizeMap = {
  sm: "h-8",
  md: "h-10",
  lg: "h-12",
};

export function LogoItem({ icon, alt, size = "md", className }: LogoItemProps) {
  return (
    <div className={cn("flex", className)}>
      <Icon
        icon={icon}
        className={cn(
          "mx-auto w-fit dark:invert",
          sizeMap[size]
        )}
        aria-label={alt}
      />
    </div>
  );
}