@props([
    'name',
    'size' => null,
    'stroke' => null,
    'title' => null,
])

@php
    $aliases = [
        'fa-home' => 'home',
        'fa-chart-bar' => 'dashboard',
        'fa-briefcase' => 'portfolio',
        'fa-building' => 'building',
        'fa-user-tie' => 'user',
        'fa-handshake' => 'wallet',
        'fa-exchange-alt' => 'arrow-right',
        'fa-chart-line' => 'chart',
        'fa-coins' => 'coins',
        'fa-table' => 'grid',
        'fa-cog' => 'settings',
        'fa-search' => 'search',
        'fa-plus' => 'plus',
        'fa-times' => 'x',
        'fa-external-link-alt' => 'external',
        'fa-file-excel' => 'spreadsheet',
        'fa-chevron-down' => 'chevron-down',
        'fa-chevron-left' => 'chevron-left',
        'fa-sliders-h' => 'settings',
        'fa-database' => 'layers',
        'fa-sign-out-alt' => 'arrow-right',
        'fa-eye' => 'eye',
        'fa-edit' => 'edit',
        'fa-trash-alt' => 'trash',
        'fa-trash' => 'trash',
        'fa-filter' => 'filter',
        'fa-grip-vertical' => 'grip-vertical',
        'fa-sort' => 'sort',
        'fa-sort-up' => 'chevron-up',
        'fa-sort-down' => 'chevron-down',
        'fa-check' => 'check',
        'fa-minus' => 'minus',
        'fa-info' => 'info',
    ];

    $icons = [
        'home' => '<path d="M3 11.5 12 4l9 7.5"/><path d="M5 10.5V20h5v-5h4v5h5v-9.5"/>',
        'dashboard' => '<rect x="3" y="3" width="7" height="9" rx="1.5"/><rect x="14" y="3" width="7" height="5" rx="1.5"/><rect x="14" y="12" width="7" height="9" rx="1.5"/><rect x="3" y="16" width="7" height="5" rx="1.5"/>',
        'portfolio' => '<path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>',
        'fund' => '<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>',
        'chart' => '<path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-7"/>',
        'document' => '<path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5M9 13h6M9 17h4"/>',
        'spreadsheet' => '<path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="M8 12h8M8 16h8M11 9v10M15 9v10"/>',
        'download' => '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/>',
        'upload' => '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12"/>',
        'filter' => '<path d="M3 4h18l-7 8v6l-4 2v-8z"/>',
        'search' => '<circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/>',
        'user' => '<circle cx="12" cy="8" r="4"/><path d="M4 20c1-4 4-6 8-6s7 2 8 6"/>',
        'settings' => '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3h.1A1.7 1.7 0 0 0 10 3.1V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8v.1A1.7 1.7 0 0 0 20.9 10H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/>',
        'plus' => '<path d="M12 5v14M5 12h14"/>',
        'minus' => '<path d="M5 12h14"/>',
        'check' => '<path d="M5 13l4 4L19 7"/>',
        'x' => '<path d="M6 6l12 12M18 6L6 18"/>',
        'edit' => '<path d="M12 20h9M16.5 3.5a2.1 2.1 0 1 1 3 3L7 19l-4 1 1-4z"/>',
        'trash' => '<path d="M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>',
        'external' => '<path d="M14 3h7v7M10 14L21 3M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5"/>',
        'arrow-right' => '<path d="M5 12h14M12 5l7 7-7 7"/>',
        'arrow-left' => '<path d="M19 12H5M12 19l-7-7 7-7"/>',
        'chevron-up' => '<path d="M6 15l6-6 6 6"/>',
        'chevron-down' => '<path d="M6 9l6 6 6-6"/>',
        'chevron-left' => '<path d="M15 18l-6-6 6-6"/>',
        'chevron-right' => '<path d="M9 18l6-6-6-6"/>',
        'trend-up' => '<path d="M3 17l6-6 4 4 8-8M14 7h7v7"/>',
        'trend-down' => '<path d="M3 7l6 6 4-4 8 8M14 17h7v-7"/>',
        'euro' => '<path d="M18 7a6 6 0 0 0-9-1 7 7 0 0 0 0 12 6 6 0 0 0 9-1M3 10h12M3 14h12"/>',
        'wallet' => '<path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-1M21 12h-5a2 2 0 1 0 0 5h5"/>',
        'coins' => '<ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 11v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5"/>',
        'transfer' => '<path d="M7 7h13M16 3l4 4-4 4M17 17H4M8 13l-4 4 4 4"/>',
        'users' => '<circle cx="9" cy="8" r="3"/><path d="M3 20c.8-3.2 3-5 6-5s5.2 1.8 6 5"/><circle cx="17" cy="9" r="2.5"/><path d="M14.5 15.5c2.8.2 4.7 1.8 5.5 4.5"/>',
        'capital' => '<path d="M4 20V7l8-4 8 4v13"/><path d="M8 20v-7h8v7M7 10h10M10 6h4"/>',
        'investment' => '<path d="M3 18h18"/><path d="M6 15l4-5 4 3 4-7"/><path d="M15 6h3v3"/>',
        'status' => '<path d="M9 6h11M9 12h11M9 18h11"/><path d="M4 6l1 1 2-2M4 12l1 1 2-2M4 18l1 1 2-2"/>',
        'info' => '<circle cx="12" cy="12" r="9"/><path d="M12 8h.01M11 12h1v5h1"/>',
        'alert' => '<path d="M12 9v4M12 17h.01"/><path d="M10.3 3.9 2 18a2 2 0 0 0 1.7 3h16.6a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/>',
        'eye' => '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z"/><circle cx="12" cy="12" r="3"/>',
        'grid' => '<rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/>',
        'layers' => '<path d="M12 2 2 7l10 5 10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/>',
        'building' => '<rect x="4" y="2" width="16" height="20" rx="1"/><path d="M9 7h.01M14 7h.01M9 12h.01M14 12h.01M9 17h.01M14 17h.01"/>',
        'sort' => '<path d="M8 9l4-4 4 4M16 15l-4 4-4-4"/>',
        'grip-vertical' => '<path d="M9 5h.01M15 5h.01M9 12h.01M15 12h.01M9 19h.01M15 19h.01"/>',
    ];

    $resolvedName = $aliases[$name] ?? $name;
    $path = $icons[$resolvedName] ?? $icons['external'];
    $sizeValue = is_numeric($size) ? $size.'px' : ($size ?: '1em');
    $strokeValue = $stroke ?: '1.75';
@endphp

<svg
    {{ $attributes->class('kv-icon')->merge([
        'viewBox' => '0 0 24 24',
        'width' => $sizeValue,
        'height' => $sizeValue,
        'fill' => 'none',
        'stroke' => 'currentColor',
        'stroke-width' => $strokeValue,
        'stroke-linecap' => 'round',
        'stroke-linejoin' => 'round',
        'aria-hidden' => $title ? null : 'true',
        'role' => $title ? 'img' : null,
        'style' => '--kv-icon-size: '.$sizeValue,
    ]) }}
>
    @if ($title)
        <title>{{ $title }}</title>
    @endif
    {!! $path !!}
</svg>