{{--
    Логотип «РестоМесто».

    Знак — тарелка и прибор: скруглённый квадрат, круг и полоска. На тёмном
    фоне вырезы красятся в цвет подложки, иначе на подвале знак выглядит
    аппликацией. Размеры знака из макета: 32 / 26 / 24 / 16.
--}}
@props([
    'size' => 30,
    'dark' => false,
    'lettering' => true,
])

@php
    $cut = $dark ? '#17130F' : '#FFFFFF';
    $lettersize = match (true) {
        $size >= 30 => 'text-[19px]',
        $size >= 26 => 'text-[17px]',
        default => 'text-[15px]',
    };
@endphp

<span {{ $attributes->merge(['class' => 'inline-flex items-center gap-[9px]']) }}>
    <svg width="{{ $size }}" height="{{ $size }}" viewBox="0 0 30 30" aria-hidden="true" class="shrink-0">
        <rect width="30" height="30" rx="9" fill="#FF5A1F" />
        <circle cx="18" cy="15" r="6" fill="{{ $cut }}" />
        <rect x="7" y="7" width="3" height="16" rx="1.5" fill="{{ $cut }}" />
    </svg>

    @if ($lettering)
        <span class="{{ $lettersize }} font-extrabold tracking-[-0.02em] {{ $dark ? 'text-white' : 'text-ink' }}">
            Ресто<span class="text-primary">Место</span>
        </span>
    @endif
</span>