@props(['icon' => null])

<svg {{ $attributes->merge(['class' => 'h-6 w-6']) }} viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.2" aria-hidden="true">
    @switch($icon)
        @case('calendar')
            <rect x="6" y="9" width="36" height="32" />
            <path d="M6 17h36M16 4v8M32 4v8" />
            <path d="M14 25h6M14 33h6M28 25h6M28 33h6" />
            @break
        @case('checklist')
            <path d="M8 14l4 4 8-9M8 25l4 4 8-9M8 36l4 4 8-9" />
            <path d="M28 14h12M28 25h12M28 36h12" />
            @break
        @case('users')
            <circle cx="17" cy="14" r="6" />
            <path d="M5 40c0-7 5.4-12 12-12s12 5 12 12" />
            <circle cx="33" cy="16" r="5" />
            <path d="M31 29c4.5 1.5 8 5.5 8.7 11" />
            @break
        @case('map')
            <path d="M24 6c-6.5 0-12 5.4-12 12.2 0 9 12 21.8 12 21.8s12-12.8 12-21.8C36 11.4 30.5 6 24 6z" />
            <circle cx="24" cy="18" r="4" />
            @break
        @case('heart')
            <path d="M24 40C13 32 5 25 5 16.4 5 10.7 9.5 6 15.2 6c3.4 0 6.4 1.9 8.8 4.7C26.4 7.9 29.4 6 32.8 6 38.5 6 43 10.7 43 16.4c0 8.6-8 15.6-19 23.6z" />
            @break
        @case('spark')
            <path d="M24 6l3.4 11.6L39 21l-11.6 3.4L24 36l-3.4-11.6L9 21l11.6-3.4z" />
            <path d="M37 34l1.8 6.2L45 42l-6.2 1.8L37 50l-1.8-6.2L29 42l6.2-1.8z" />
            @break
    @endswitch
</svg>