| 1 | --- |
| 2 | interface Props { |
| 3 | image: string; |
| 4 | alt: string; |
| 5 | sizes: string; |
| 6 | eager?: boolean; |
| 7 | } |
| 8 | |
| 9 | const { image, alt, sizes, eager = false } = Astro.props; |
| 10 | const base = `/95/t3-code-concepts/${image}`; |
| 11 | --- |
| 12 | |
| 13 | <img |
| 14 | src={`${base}-640.webp`} |
| 15 | srcset={`${base}-320.webp 320w, ${base}-640.webp 640w, ${base}.webp 960w`} |
| 16 | {sizes} |
| 17 | {alt} |
| 18 | width="960" |
| 19 | height="1200" |
| 20 | loading={eager ? "eager" : "lazy"} |
| 21 | fetchpriority={eager ? "high" : "auto"} |
| 22 | decoding="async" |
| 23 | /> |