@props([
  'name' => null,
  'class' => '',
  'size' => '1rem',
  'strokeWidth' => '1.8',
])

@php
  $iconKey = is_string($name) && trim($name) !== '' ? trim($name) : 'confetti';

  $icons = [
    'confetti' => [
      ['M5 13l4 4L19 7'],
      ['M14 3l1 2'],
      ['M7 6l2 1'],
      ['M3 12l2 1'],
      ['M20 14l1 2'],
    ],
    'sparkles' => [
      ['M12 3l1.6 3.4L17 8l-3.4 1.6L12 13l-1.6-3.4L7 8l3.4-1.6L12 3z'],
      ['M5 15l.8 1.7L7.5 18l-1.7.8L5 20l-.8-1.2L2.5 18l1.7-.8L5 15z'],
      ['M18.5 14l.7 1.5L20.7 16l-1.5.7-.7 1.5-.7-1.5-1.5-.7 1.5-.5.7-1.5z'],
    ],
    'rings' => [
      ['M8.5 14a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'],
      ['M15.5 10a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'],
      ['M12 5V2'],
      ['M10 4h4'],
    ],
    'cake' => [
      ['M4 11h16v9H4z'],
      ['M4 15h16'],
      ['M8 11V8a2 2 0 1 1 4 0v3'],
      ['M14 11V7a2 2 0 1 1 4 0v4'],
    ],
    'briefcase' => [
      ['M4 8h16v11H4z'],
      ['M9 8V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'],
      ['M4 13h16'],
    ],
    'party' => [
      ['M4 20l7-7'],
      ['M11 13l-2-2 7-7 2 2a5.7 5.7 0 0 1-7 7z'],
      ['M15 4l5 5'],
      ['M3 10l2 2'],
      ['M6 7l1 1'],
    ],
    'music-note' => [
      ['M9 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'],
      ['M17 17a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'],
      ['M11 17V6l8-2v11'],
    ],
    'church' => [
      ['M12 3v5'],
      ['M9.5 5.5h5'],
      ['M4 10l8-5 8 5v10H4z'],
      ['M10 20v-5h4v5'],
    ],
    'flower' => [
      ['M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'],
      ['M12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'],
      ['M10 12a2 2 0 1 0-4 0 2 2 0 0 0 4 0z'],
      ['M14 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0z'],
      ['M12 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'],
    ],
    'home' => [
      ['M4 10l8-6 8 6'],
      ['M6 9v11h12V9'],
      ['M10 20v-6h4v6'],
    ],
    'clock' => [
      ['M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z'],
      ['M12 7v5l3 2'],
    ],
    'gift' => [
      ['M4 9h16v11H4z'],
      ['M12 9v11'],
      ['M4 13h16'],
      ['M8.5 9a2 2 0 1 1 0-4c1.5 0 3.5 4 3.5 4'],
      ['M15.5 9a2 2 0 1 0 0-4c-1.5 0-3.5 4-3.5 4'],
    ],
    'settings' => [
      ['M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'],
      ['M4 12h2'],
      ['M18 12h2'],
      ['M12 4v2'],
      ['M12 18v2'],
      ['M6.5 6.5l1.5 1.5'],
      ['M16 16l1.5 1.5'],
      ['M6.5 17.5L8 16'],
      ['M16 8l1.5-1.5'],
    ],
    'microphone' => [
      ['M12 15a4 4 0 0 0 4-4V7a4 4 0 0 0-8 0v4a4 4 0 0 0 4 4z'],
      ['M19 11a7 7 0 0 1-14 0'],
      ['M12 18v3'],
      ['M8 21h8'],
    ],
    'edit' => [
      ['M4 20h4l10-10-4-4L4 16v4z'],
      ['M13 7l4 4'],
      ['M18 6l-2-2a1.4 1.4 0 0 0-2 0l-1 1 4 4 1-1a1.4 1.4 0 0 0 0-2z'],
    ],
    'users' => [
      ['M16 21v-2a4 4 0 0 0-8 0v2'],
      ['M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z'],
    ],
    'users-3' => [
      ['M12 12a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'],
      ['M6 20v-1.5A3.5 3.5 0 0 1 9.5 15h5A3.5 3.5 0 0 1 18 18.5V20'],
      ['M4 10a2.5 2.5 0 1 0 0-5'],
      ['M20 10a2.5 2.5 0 1 1 0-5'],
    ],
    'users-4' => [
      ['M12 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
      ['M5 20v-1a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1'],
      ['M5 10a2.5 2.5 0 1 0 0-5'],
      ['M19 10a2.5 2.5 0 1 1 0-5'],
    ],
    'users-5' => [
      ['M12 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
      ['M4 20v-1a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v1'],
      ['M3 12a2 2 0 1 0 0-4'],
      ['M21 12a2 2 0 1 1 0-4'],
    ],
    'users-7' => [
      ['M12 9a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6z'],
      ['M3 20v-1a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v1'],
      ['M6 11a2 2 0 1 0 0-4'],
      ['M18 11a2 2 0 1 1 0-4'],
    ],
    'users-group' => [
      ['M9 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
      ['M17 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'],
      ['M2 20v-1a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v1'],
      ['M12 20v-1a4 4 0 0 1 4-4h2a4 4 0 0 1 4 4v1'],
    ],
    'wallet' => [
      ['M3 7h18v12H3z'],
      ['M3 10h18'],
      ['M16 14h3v3h-3a1.5 1.5 0 0 1 0-3z'],
    ],
    'coins' => [
      ['M7 10a4 2 0 1 0 8 0a4 2 0 1 0-8 0'],
      ['M7 10v4c0 1.1 1.8 2 4 2s4-.9 4-2v-4'],
      ['M10 16v3'],
      ['M16 13a4 2 0 1 0 8 0a4 2 0 1 0-8 0'],
    ],
    'diamond' => [
      ['M3 9l4-5h10l4 5-9 11L3 9z'],
      ['M7 4l5 16'],
      ['M17 4l-5 16'],
    ],
  ];

  $paths = $icons[$iconKey] ?? $icons['confetti'];
@endphp

<svg
  xmlns="http://www.w3.org/2000/svg"
  class="{{ trim('catalog-icon '.$class) }}"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="{{ $strokeWidth }}"
  stroke-linecap="round"
  stroke-linejoin="round"
  aria-hidden="true"
  focusable="false"
  width="{{ $size }}"
  height="{{ $size }}"
  style="width: {{ $size }}; height: {{ $size }}; min-width: {{ $size }}; min-height: {{ $size }}; flex: 0 0 {{ $size }}; display: inline-block; vertical-align: middle;"
>
  @foreach($paths as $path)
    <path d="{{ $path[0] }}"></path>
  @endforeach
</svg>