{{#
    @name Logo
    @desc The logo component with a `width` attribute.
#}}

<!-- /components/_logo.antlers.html -->
<a
    aria-label="The Foundation Beauty Studio"
    href="{{ site:url }}"
    class="inline-block transition-opacity hover:opacity-90 focus:outline-none"
>
    <img src="/visuals/foundation-beauty-logo.svg" class="select-none h-12 md:h-14 w-auto {{ class }}" alt="The Foundation Beauty Studio" />
</a>
<!-- End: /components/_logo.antlers.html -->