@props([
    'size' => 'md',
    'variant' => 'square',
])

@php
    $logoUrl = match ($variant) {
        'horizontal' => $systemLogoHorizontalUrl ?? null ?: ($systemLogoSquareUrl ?? null),
        default => $systemLogoSquareUrl ?? null,
    };

    $sizeClass = match ($variant) {
        'horizontal' => match ($size) {
            'sm' => 'brand-logo-horizontal-sm',
            'lg' => 'brand-logo-horizontal-lg',
            'xl' => 'brand-logo-horizontal-xl',
            default => 'brand-logo-horizontal-md',
        },
        default => match ($size) {
            'sm' => 'brand-logo-square-sm',
            'lg' => 'brand-logo-square-lg',
            default => 'brand-logo-square-md',
        },
    };
@endphp

@if ($logoUrl)
    <img
        src="{{ $logoUrl }}"
        alt="{{ config('app.name', 'Farol') }}"
        {{ $attributes->class(['brand-logo-img', $sizeClass]) }}
    >
@else
    <span {{ $attributes->class(['brand-mark']) }} aria-hidden="true">
        <svg viewBox="0 0 32 32" class="{{ $size === 'lg' || $size === 'xl' ? 'h-10 w-10' : ($size === 'sm' ? 'h-7 w-7' : 'h-8 w-8') }}">
            <rect x="13" y="16" width="6" height="12" fill="currentColor"/>
            <path d="M16 4 L22 16 H10 Z" fill="#C45C26"/>
            <path d="M16 8 L28 14" stroke="#C45C26" stroke-width="1.5" fill="none"/>
            <path d="M16 8 L4 14" stroke="#C45C26" stroke-width="1.5" fill="none"/>
        </svg>
    </span>
@endif