@props(['name' => 'dot', 'size' => 20, 'stroke' => 1.7])

@php
  $w = (int) $size; $h = (int) $size; $s = (float) $stroke;
@endphp

<svg width="{{ $w }}" height="{{ $h }}" viewBox="0 0 24 24" fill="none"
     stroke="currentColor" stroke-width="{{ $s }}" stroke-linecap="round" stroke-linejoin="round"
     style="opacity:.9;flex:none;{{ $attributes->get('style') }}">
  @switch($name)
    {{-- Home --}}
    @case('home')
      <path d="M3 10.5L12 3l9 7.5v9a1.5 1.5 0 0 1-1.5 1.5H4.5A1.5 1.5 0 0 1 3 19.5v-9z"/>
      <path d="M9 22v-6h6v6"/>
    @break

    {{-- Server --}}
    @case('server')
      <rect x="3" y="4" width="18" height="6" rx="1.5"/>
      <rect x="3" y="14" width="18" height="6" rx="1.5"/>
      <circle cx="7" cy="7" r="1"/><circle cx="7" cy="17" r="1"/>
    @break

    {{-- Tag --}}
    @case('tag')
      <path d="M21 11.5L12.5 21l-9-9V4h8l9.5 7.5z"/>
      <circle cx="8.5" cy="7.5" r="1.2"/>
    @break

    {{-- Ticket --}}
    @case('ticket')
      <path d="M3 8a3 3 0 0 0 0 8h18a3 3 0 0 0 0-8H3z"/>
      <path d="M12 7v10" />
      <path d="M3 12h2M19 12h2"/>
    @break

    {{-- Credit card --}}
    @case('credit-card')
      <rect x="3" y="6" width="18" height="12" rx="2"/>
      <path d="M3 10h18"/>
      <path d="M7 15h4"/>
    @break

    {{-- Receipt percent --}}
    @case('receipt-percent')
      <path d="M6 3h12v18l-3-2-3 2-3-2-3 2V3z"/>
      <path d="M9 9l6 6"/>
      <circle cx="9" cy="9" r="1.3"/>
      <circle cx="15" cy="15" r="1.3"/>
    @break

    {{-- Banknotes --}}
    @case('banknotes')
      <rect x="5" y="7" width="14" height="10" rx="1.5"/>
      <rect x="3" y="9" width="14" height="10" rx="1.5" opacity=".45"/>
      <circle cx="12" cy="12" r="2.2"/>
    @break

    {{-- Currency dollar --}}
    @case('currency-dollar')
      <path d="M12 3v18"/>
      <path d="M16 7.5c0-1.8-2-3-4-3s-4 .9-4 2.7 1.2 2.6 4 3.3 4 1.2 4 3.1-2 3-4 3-4-1.1-4-2.8"/>
    @break

    {{-- Chat --}}
    @case('chat')
      <path d="M4 6a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H11l-5 4v-4H7a3 3 0 0 1-3-3V6z"/>
    @break

    {{-- User group --}}
    @case('user-group')
      <circle cx="9" cy="8" r="3"/><path d="M2 20c0-3.3 3.1-6 7-6"/>
      <circle cx="17" cy="10" r="2.5"/><path d="M13 20c0-2.6 2.4-4.7 5.5-4.7"/>
    @break

    {{-- Users --}}
    @case('users')
      <circle cx="12" cy="8" r="3"/><path d="M4 20c0-3.3 3.6-6 8-6s8 2.7 8 6"/>
    @break

    {{-- Cog --}}
    @case('cog')
      <path d="M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z"/>
      <path d="M12 3v2.2M12 18.8V21M4.6 6.1l1.6 1M17.8 16.9l1.6 1M3 12h2.2M18.8 12H21M4.6 17.9l1.6-1M17.8 7.1l1.6-1"/>
    @break

    {{-- Arrow-left-on-rectangle (logout) --}}
    @case('logout')
      <path d="M15 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3"/>
      <path d="M10 17l-5-5 5-5"/><path d="M5 12h11"/>
    @break

    {{-- Dot (fallback) --}}
    @default
      <circle cx="12" cy="12" r="3"/>
  @endswitch
</svg>