@props(['name' => 'boat'])

@php
    $icons = [
        'boat'   => '<path d="M3 16h18l-2.6 4.5H5.6z"/><path d="M6 16 7.6 11.5h8L18 16"/><path d="M9 11.5V8h5l1.6 3.5"/>',
        'guests' => '<circle cx="12" cy="7.5" r="3.5"/><path d="M5.5 20.5c0-3.7 2.9-6.3 6.5-6.3s6.5 2.6 6.5 6.3"/>',
        'bed'    => '<path d="M3 18V6"/><path d="M3 11h13a5 5 0 0 1 5 5v2"/><path d="M3 18h18"/><path d="M7 11V8.5h6.5V11"/>',
        'sun'    => '<circle cx="12" cy="12" r="3.8"/><path d="M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21M5.2 5.2 7 7M17 17l1.8 1.8M18.8 5.2 17 7M7 17l-1.8 1.8"/>',
        'shade'  => '<path d="M12 3v3"/><path d="M4 12a8 8 0 0 1 16 0z"/><path d="M12 12v8"/>',
        'clock'  => '<circle cx="12" cy="12" r="8.5"/><path d="M12 7.5V12l3 2"/>',
        'fuel'   => '<path d="M5 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16"/><path d="M4 21h12"/><path d="M15 9h2.5a2 2 0 0 1 2 2v5a1.5 1.5 0 0 0 3 0V8l-2.5-2.5"/><path d="M7 8h6"/>',
        'lounge' => '<path d="M3 18.5 8 8l3 1.5"/><path d="M3 18.5h13"/><path d="M16 18.5V13a3 3 0 0 1 3-3h2"/>',
        'anchor' => '<circle cx="12" cy="5" r="2"/><path d="M12 7v13"/><path d="M5 13a7 7 0 0 0 14 0"/><path d="M5 13H3m16 0h2"/>',
        'sunset' => '<path d="M12 4v3M5.5 9 7 10.5M18.5 9 17 10.5M3 14h18"/><path d="M8 14a4 4 0 0 1 8 0"/>',
        'lotus'  => '<path d="M12 21c-4 0-7-2.5-7-6 2 0 3.5.8 4.5 2C9.5 13 9 10 12 7c3 3 2.5 6 2.5 10 1-1.2 2.5-2 4.5-2 0 3.5-3 6-7 6z"/>',
    ];
    $svg = $icons[$name] ?? $icons['boat'];
@endphp

<svg {{ $attributes }} width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">{!! $svg !!}</svg>