import { cn } from '@/lib/utils';
import type { ComponentProps } from 'react';
import Image from 'next/image';

type ChessIconProps = {
  piece: string;
  className?: string;
} & ComponentProps<typeof Image>;

export function ChessIcon({
  piece,
  className,
  width = 32,
  height = 32,
  ...props
}: ChessIconProps) {
  return (
    <Image
      width={width}
      height={height}
      className={cn(className)}
      {...props}
    />
  );
}