@props([
    'classification' => null,
    'productType' => 'medicine',
    'showLabel' => false,
])

@php
    $classes = [
        'otc' => ['Obat bebas', 'classification-otc.svg'],
        'limited_otc' => ['Obat bebas terbatas', 'classification-limited-otc.svg'],
        'hard_drug' => ['Obat keras · wajib resep', 'classification-hard-drug.svg'],
        'narcotic' => ['Narkotika · tidak dijual online', 'classification-narcotic.svg'],
        'psychotropic' => ['Psikotropika · tidak dijual online', 'classification-hard-drug.svg'],
    ];
    [$label, $image] = $productType === 'medical_device'
        ? ['Alat kesehatan', 'classification-device.svg']
        : ($classes[$classification] ?? ['Klasifikasi belum tersedia', null]);
@endphp

<span {{ $attributes->class(['inline-flex items-center gap-1.5']) }} title="{{ $label }}" aria-label="{{ $label }}">
    @if($image)
        <img src="{{ asset('images/products/'.$image) }}" alt="{{ $label }}" width="24" height="24" class="size-6 shrink-0 object-contain" decoding="async">
    @endif
    @if($showLabel)
        <span class="text-[10px] font-bold text-slate-600">{{ $label }}</span>
    @endif
</span>