@props([
    'href' => '/',
    'size' => 'md',
    'onDark' => false,
])

@php
    $heights = [
        'sm' => 'brand-logo-sm',
        'md' => 'brand-logo-md',
        'lg' => 'brand-logo-lg',
    ];
    $class = $heights[$size] ?? $heights['md'];
@endphp

@if ($href)
    <a href="{{ $href === '/' ? route('home') : $href }}" class="brand-mark {{ $onDark ? 'brand-mark-on-dark' : '' }}">
        <img src="{{ asset(config('brand.logo')) }}" alt="{{ config('brand.name') }}" class="{{ $class }}">
    </a>
@else
    <span class="brand-mark {{ $onDark ? 'brand-mark-on-dark' : '' }}">
        <img src="{{ asset(config('brand.logo')) }}" alt="{{ config('brand.name') }}" class="{{ $class }}">
    </span>
@endif