@props(['name' => 'compass', 'tone' => null])
@php
    $key = strtolower($name);
    $icon = match (true) {
        str_contains($key, 'residential'), str_contains($key, 'home'), str_contains($key, 'family') => 'home',
        str_contains($key, 'commercial'), str_contains($key, 'corporate'), str_contains($key, 'workplace'), str_contains($key, 'business') => 'building',
        str_contains($key, 'location'), str_contains($key, 'bengaluru'), str_contains($key, 'neighbour') => 'pin',
        str_contains($key, 'value'), str_contains($key, 'growth'), str_contains($key, 'invest'), str_contains($key, 'future') => 'trend',
        str_contains($key, 'nri'), str_contains($key, 'overseas'), str_contains($key, 'return') => 'globe',
        str_contains($key, 'research'), str_contains($key, 'market'), str_contains($key, 'knowledge'), str_contains($key, 'evaluation') => 'search',
        str_contains($key, 'consult'), str_contains($key, 'trust'), str_contains($key, 'advisor') => 'dialogue',
        str_contains($key, 'complete'), str_contains($key, 'guidance') => 'check',
        str_contains($key, 'retail') => 'store',
        str_contains($key, 'startup'), str_contains($key, 'entrepreneur') => 'spark',
        str_contains($key, 'people'), str_contains($key, 'client'), str_contains($key, 'community'), str_contains($key, 'employee'), str_contains($key, 'buyer'), str_contains($key, 'professional') => 'people',
        str_contains($key, 'objective'), str_contains($key, 'goal'), str_contains($key, 'purpose'), str_contains($key, 'lifestyle') => 'target',
        default => 'compass',
    };
    $palette = [
        ['bg-emerald-50', 'text-emerald-600'],
        ['bg-sky-50', 'text-sky-600'],
        ['bg-amber-50', 'text-amber-600'],
        ['bg-rose-50', 'text-rose-600'],
        ['bg-violet-50', 'text-violet-600'],
        ['bg-teal-50', 'text-teal-600'],
        ['bg-orange-50', 'text-orange-600'],
        ['bg-indigo-50', 'text-indigo-600'],
    ];

    if (is_numeric($tone)) {
        [$bg, $stroke] = $palette[max(0, ((int) $tone - 1)) % count($palette)];
    } else {
        [$bg, $stroke] = $palette[abs(crc32($key)) % count($palette)];
    }
@endphp

<span {{ $attributes->class(["inline-flex h-16 w-16 items-center justify-center rounded-full $bg"]) }} aria-hidden="true">
    <svg viewBox="0 0 24 24" fill="none" class="h-7 w-7 {{ $stroke }}" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
        @switch($icon)
            @case('home') <path d="m3 11 9-7 9 7"/><path d="M5.5 9.5V20h13V9.5M9.5 20v-6h5v6"/> @break
            @case('building') <path d="M4 21V5h10v16M14 9h6v12M8 9h2M8 13h2M8 17h2M17 13h1M17 17h1"/> @break
            @case('pin') <path d="M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z"/><circle cx="12" cy="10" r="2.5"/> @break
            @case('trend') <path d="M4 17 10 11l4 4 6-8"/><path d="M15 7h5v5"/> @break
            @case('globe') <circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c3 3.4 3 14.6 0 18M12 3c-3 3.4-3 14.6 0 18"/> @break
            @case('search') <circle cx="10.5" cy="10.5" r="6.5"/><path d="m15.5 15.5 5 5"/> @break
            @case('dialogue') <path d="M4 5h16v11H9l-5 4V5Z"/><path d="M8 9h8M8 12h5"/> @break
            @case('check') <circle cx="12" cy="12" r="9"/><path d="m8 12 2.5 2.5L16.5 8"/> @break
            @case('store') <path d="M4 9h16l-2-5H6L4 9Z"/><path d="M5 9v11h14V9M9 20v-6h6v6"/><path d="M4 9c0 2 3 2 4 0 0 2 3 2 4 0 0 2 3 2 4 0 1 2 4 2 4 0"/> @break
            @case('spark') <path d="m12 3 1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5L12 3Z"/><path d="m19 16 .7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7L19 16Z"/> @break
            @case('people') <circle cx="9" cy="8" r="3"/><path d="M3 20c.5-4 2.5-6 6-6s5.5 2 6 6M16 5.5a3 3 0 0 1 0 5.8M17 14c2.5.5 3.8 2.5 4 5"/> @break
            @case('target') <circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="4"/><path d="m12 12 7-7M16 5h3v3"/> @break
            @default <circle cx="12" cy="12" r="9"/><path d="m15.5 8.5-2 5-5 2 2-5 5-2Z"/> @break
        @endswitch
    </svg>
</span>