@props(['name', 'class' => ''])

@php
    // Map of icon names to their SVG paths
    $icons = [
        'heart' => '<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>',
        'users' => '<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
        'award' => '<circle cx="12" cy="8" r="6"/><path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"/>',
        'arrow-right' => '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
        'chevron-right' => '<path d="m9 18 6-6-6-6"/>',
        'map-pin' => '<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/>',
        'shield-check' => '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/>',
        'credit-card' => '<rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/>',
        'hand-heart' => '<path d="M11 14c-1.5 0-3-1.5-3-3s1-2 2-2 2 1 2 2"/><path d="M10 11V9.5a3.5 3.5 0 0 1 7 0V11"/><path d="M17 11v2a3 3 0 0 1-3 3v0"/><path d="M14 16v2a3 3 0 0 1-6 0v-3"/><path d="M7 10V8a5 5 0 0 1 10 0v2"/><path d="M19.5 12.572 12 16.5l-2.896-1.448"/><path d="m17.793 14.5.924.462c1.692.846 2.38 1.189 2.38 2.038 0 .85-.688 1.193-2.38 2.038l-5.462 2.73c-1.154.578-1.732.866-2.38.866-.647 0-1.225-.288-2.379-.865l-5.462-2.73C1.693 18.193 1 17.85 1 17c0-.85.692-1.193 2.383-2.038l.923-.462"/>',
        'search' => '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
        'user' => '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
        'wallet' => '<path d="M2 9V5c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v4"/><rect width="20" height="12" x="2" y="9" rx="2"/><path d="M12 15a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>',
        'building' => '<rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M12 6h.01"/><path d="M12 10h.01"/><path d="M12 14h.01"/><path d="M16 10h.01"/><path d="M16 14h.01"/><path d="M8 10h.01"/><path d="M8 14h.01"/>',
        'shield' => '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>',
        'help-circle' => '<circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/>',
    ];
    
    // Get the SVG path for the requested icon
    $iconPath = $icons[$name] ?? '';
@endphp

<svg
    xmlns="http://www.w3.org/2000/svg"
    {{ $attributes->merge(['class' => $class]) }}
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
    aria-hidden="true"
>
    {!! $iconPath !!}
</svg>