---
import webpPath from '../images/logo.webp'
import avifPath from '../images/logo.avif'

interface Props {
  size?: number
}

const { size } = Astro.props
---

<picture>
  <source srcset={avifPath.src} type="image/avif" />
  <source srcset={webpPath.src} type="image/webp" />
  <img width={size} height="auto" decoding="async" loading="lazy" alt="logo" />
</picture>