---
import { Picture } from "@astrojs/image/components";

const { src, alt, width, height, ...attrs } = Astro.props;
---

<Picture
	src={src}
	widths={[320, 640, 768, attrs.width]}
	aspectRatio={`${width}:${height}`}
	sizes={`(max-width: ${attrs.width}px) 100vw, ${attrs.width}px`}
	formats={["avif", "webp"]}
	alt={alt ? alt : ""}
	{...attrs}
/>
