import Image from "next/image";

import { elementIconFilter } from "@/lib/catalog/element";

export function ElementIcon({ element, url }: { element: string; url: string }) {
  return (
    <Image
      src={url}
      alt=""
      width={16}
      height={16}
      className="shrink-0"
      style={{ filter: elementIconFilter(element) }}
    />
  );
}