{{-- Product icon on the site's sky-blue icon tile (the product's own 'tone' is no longer used). Usage: <x-product-icon :product="$product" size="lg" /> (sizes: sm, md, lg) --}}
@props(['product', 'size' => 'md'])

@php
    [$box, $glyph] = [
        'sm' => ['h-10 w-10 rounded-lg', 'h-5 w-5'],
        'md' => ['h-12 w-12 rounded-xl', 'h-6 w-6'],
        'lg' => ['h-16 w-16 rounded-2xl', 'h-8 w-8'],
    ][$size] ?? ['h-12 w-12 rounded-xl', 'h-6 w-6'];
@endphp

<span {{ $attributes->merge(['class' => "icon-tile $box"]) }}>
    <x-icon :name="$product['icon'] ?? 'building'" :class="$glyph" />
</span>