---
import { Image } from 'astro:assets';
import { readSingleton } from '@directus/sdk';

import logo from '@images/brand_logo.png';
import directus from '@lib/directus';

const global = await directus.request(readSingleton('site_global'));
---

<Image 
  src={logo}
  alt={global.name}
  draggable="false"
  loading="eager"
  inferSize={true}
  {...Astro.props}
/>