@props(['name'])

@php
$paths = [
    'home' => 'M3 12l9-9 9 9M5 10v10a1 1 0 001 1h4a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1h4a1 1 0 001-1V10',
    'box' => 'M21 8l-9-5-9 5 9 5 9-5zM3 8v8l9 5 9-5V8M12 13v8',
    'users' => 'M17 20h5v-1a4 4 0 00-3-3.87M9 20H4v-1a4 4 0 013-3.87m5-5a4 4 0 10-4-4 4 4 0 004 4zm7 0a4 4 0 10-4-4',
    'id' => 'M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zM7 12a2 2 0 100-4 2 2 0 000 4zm-3 5c.5-2 2-3 3-3s2.5 1 3 3M14 9h4M14 13h4',
    'truck' => 'M3 7h11v8H3zM14 11h4l3 3v1h-7zM6.5 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm11 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z',
    'flask' => 'M9 3h6M10 3v6l-5.5 9.5A1 1 0 005.36 20h13.28a1 1 0 00.86-1.5L14 9V3',
    'archive' => 'M3 7h18v3H3V7zM5 10h14v10H5V10zM10 14h4',
    'clipboard' => 'M9 4h6a1 1 0 011 1v1H8V5a1 1 0 011-1zM6 6h12v14H6V6zM9 11h6M9 15h6',
    'receipt' => 'M6 3h12v18l-3-2-3 2-3-2-3 2V3zM9 8h6M9 12h6',
    'refund' => 'M4 10a8 8 0 1114.9 4M4 10V4M4 10h6',
    'wallet' => 'M3 7a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7zM17 12h.01M3 9h18',
    'chart' => 'M4 20V10M10 20V4M16 20v-7M4 20h16',
    'shield' => 'M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z',
    'logout' => 'M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9',
    'chevron-down' => 'M6 9l6 6 6-6',
    'menu' => 'M4 6h16M4 12h16M4 18h16',
];
@endphp

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" {{ $attributes }}>
    <path d="{{ $paths[$name] ?? $paths['box'] }}" />
</svg>