---
import { readSingleton } from '@directus/sdk';

import Image from '@components/ui/images/Image.astro';
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} {...Astro.props} draggable="false" loading="eager" />