---
import Book from './Book.astro';
import Link from './Link.astro';

interface Props {
	alt?: string;
	asin: string;
	class?: string;
}

const { alt = '', asin, class: className, ...props } = Astro.props;

const amazonImageUrl = `https://images-na.ssl-images-amazon.com/images/P/${asin}.01.LZZZZZZZ.jpg`;
---

<Link
	aria-label={alt}
	class={className}
	data-umami-event={`Book: ${asin}`}
	href={`https://www.amazon.de/gp/product/${asin}`}
	{...props}
>
	<Book alt={alt} src={amazonImageUrl} />
</Link>