import type { IProductCardProps } from './productCard.d';

export default function ProductCard({
  model,
  imageSrc,
  size,
}: IProductCardProps) {
  return (
    <div className="overflow-hidden rounded-xl bg-gray-200 p-4">
      <div className="aspect-square w-full">
        <img
          src={imageSrc}
          alt={model}
          className="h-full w-full object-cover"
        />
      </div>
      <h3 className="mt-4 mb-10 text-xl font-bold text-gray-500">{model}</h3>
      <span className="text-base font-normal text-gray-300">{size}</span>
    </div>
  );
}
