@props([
    'variant' => 'fullcolour', // fullcolour, reversed, ink, white, terracotta
    'size' => 'md',            // sm, md, lg
    'showWordmark' => true,
    'stacked' => false,
])

@php
    $dimensions = match ($size) {
        'sm' => ['symbol' => 'w-6 h-5', 'text' => 'text-lg', 'gap' => 'gap-2'],
        'lg' => ['symbol' => 'w-10 h-9', 'text' => 'text-2xl', 'gap' => 'gap-3.5'],
        default => ['symbol' => 'w-8 h-7', 'text' => 'text-xl', 'gap' => 'gap-2.5'],
    };

    $inkColor = match ($variant) {
        'reversed', 'white' => '#FFFFFF',
        'terracotta' => '#C2552E',
        default => '#1F2330',
    };

    $terracottaColor = match ($variant) {
        'white' => '#FFFFFF',
        'ink' => '#1F2330',
        default => '#C2552E',
    };

    $textColor = match ($variant) {
        'reversed', 'white' => 'text-white',
        'terracotta' => 'text-[#C2552E]',
        default => 'text-[#1F2330]',
    };
@endphp

<div {{ $attributes->merge(['class' => 'inline-flex items-center ' . ($stacked ? 'flex-col justify-center text-center' : '') . ' ' . $dimensions['gap']]) }}>
    <!-- Brand Symbol (Mathematical Quadrants r: 9, 13, 17, 21) -->
    <svg class="{{ $dimensions['symbol'] }} shrink-0 transition-transform duration-300 hover:rotate-6" viewBox="0 0 41 37" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g transform="translate(-3.5 -5.5)">
            <path fill="{{ $inkColor }}" d="M24.5 18.5H15.5A9 9 0 0 1 24.5 9.5ZM27.5 18.5V5.5A13 13 0 0 1 40.5 18.5ZM27.5 21.5H44.5A17 17 0 0 1 27.5 38.5Z"/>
            <path fill="{{ $terracottaColor }}" d="M24.5 21.5V42.5A21 21 0 0 1 3.5 21.5Z"/>
        </g>
    </svg>

    @if ($showWordmark)
        <span class="font-heading font-bold tracking-tight uppercase select-none {{ $dimensions['text'] }} {{ $textColor }}">
            ELADAMIS
        </span>
    @endif
</div>