@props([
    'name',
    'size' => 20,
    'variant' => 'outline',
])

@php
    $solid = $variant === 'solid';
@endphp

<svg
    {{ $attributes->merge(['class' => 'atirao-icon']) }}
    width="{{ $size }}"
    height="{{ $size }}"
    viewBox="0 0 24 24"
    fill="{{ $solid ? 'currentColor' : 'none' }}"
    stroke="currentColor"
    stroke-width="1.8"
    stroke-linecap="round"
    stroke-linejoin="round"
    aria-hidden="true"
    focusable="false"
>
    @switch($name)
        @case('MegaphoneIcon')
            <path d="M3 11v2a2 2 0 0 0 2 2h2l2 5h3l-1.5-5H12l7 3V6l-7 3H5a2 2 0 0 0-2 2Z" />
            <path d="M19 9a3 3 0 0 1 0 6" />
            @break
        @case('PencilSquareIcon')
            <path d="M13.5 5.5 18.5 10.5" />
            <path d="M4 20h4l11-11a2.12 2.12 0 0 0-3-3L5 17v3Z" />
            <path d="M12 4H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2v-7" />
            @break
        @case('CodeBracketIcon')
            <path d="m8 9-4 3 4 3" />
            <path d="m16 9 4 3-4 3" />
            <path d="m14 5-4 14" />
            @break
        @case('ChartBarIcon')
            <path d="M4 20V10M10 20V4M16 20v-7M22 20H2" />
            @break
        @case('BoltIcon')
            <path d="m13 2-9 12h7l-1 8 9-12h-7l1-8Z" />
            @break
        @case('MagnifyingGlassIcon')
            <circle cx="11" cy="11" r="7" />
            <path d="m16.5 16.5 4 4" />
            @break
        @case('CogIcon')
            <circle cx="12" cy="12" r="3" />
            <path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21h-4v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H3v-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V3h4v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1H21v4h-.1a1.7 1.7 0 0 0-1.5 1Z" />
            @break
        @case('ArrowLeftIcon')
            <path d="M19 12H5" />
            <path d="m11 6-6 6 6 6" />
            @break
        @case('ArrowRightIcon')
            <path d="M5 12h14" />
            <path d="m13 6 6 6-6 6" />
            @break
        @case('ChevronDownIcon')
            <path d="m6 9 6 6 6-6" />
            @break
        @case('Bars3Icon')
            <path d="M4 7h16M4 12h16M4 17h16" />
            @break
        @case('XMarkIcon')
            <path d="M6 6l12 12M18 6 6 18" />
            @break
        @case('StarIcon')
            @if ($solid)
                <path stroke="none" d="m12 2.3 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3.1-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9L12 2.3Z" />
            @else
                <path d="m12 2.3 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3.1-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9L12 2.3Z" />
            @endif
            @break
        @case('ClipboardDocumentCheckIcon')
            <path d="M9 5H6a2 2 0 0 0-2 2v13h16V7a2 2 0 0 0-2-2h-3" />
            <rect x="9" y="2" width="6" height="5" rx="1" />
            <path d="m8 14 2 2 5-5" />
            @break
        @case('BeakerIcon')
            <path d="M9 3h6M10 3v5l-5 9a2 2 0 0 0 1.7 3h10.6a2 2 0 0 0 1.7-3l-5-9V3" />
            <path d="M7.5 15h9" />
            @break
        @case('ArrowTrendingUpIcon')
            <path d="m3 17 6-6 4 4 8-8" />
            <path d="M15 7h6v6" />
            @break
        @case('MapPinIcon')
            <path d="M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z" />
            <circle cx="12" cy="10" r="2.5" />
            @break
        @case('PhoneIcon')
            <path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.8a2 2 0 0 1-.4 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z" />
            @break
        @case('EnvelopeIcon')
            <rect x="3" y="5" width="18" height="14" rx="2" />
            <path d="m3 7 9 6 9-6" />
            @break
        @case('ShieldCheckIcon')
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" />
            <path d="m9 12 2 2 4-4" />
            @break
        @case('CheckIcon')
            <path d="m5 12 4 4L19 6" />
            @break
        @case('TruckIcon')
            <path d="M3 6h11v11H3zM14 10h4l3 3v4h-7z" />
            <circle cx="7" cy="18" r="2" />
            <circle cx="18" cy="18" r="2" />
            @break
        @case('GlobeAltIcon')
            <circle cx="12" cy="12" r="9" />
            <path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18" />
            @break
        @case('ChatBubbleLeftRightIcon')
            <path d="M8 16H5l-3 3V7a4 4 0 0 1 4-4h9a4 4 0 0 1 4 4v3" />
            <path d="M10 13a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8l-3-3h-5a4 4 0 0 1-4-4v-1Z" />
            @break
        @case('UserGroupIcon')
            <circle cx="9" cy="8" r="3" />
            <circle cx="17" cy="9" r="2" />
            <path d="M3 20a6 6 0 0 1 12 0M14 15a5 5 0 0 1 7 5" />
            @break
        @case('NewspaperIcon')
            <rect x="3" y="4" width="18" height="16" rx="2" />
            <path d="M7 8h4v4H7zM14 8h3M14 11h3M7 15h10M7 18h7" />
            @break
        @case('DocumentChartBarIcon')
            <path d="M6 2h8l4 4v16H6z" />
            <path d="M14 2v5h5" />
            <path d="M9 17v-3M12 17v-6M15 17v-4" />
            @break
        @default
            <circle cx="12" cy="12" r="9" />
            <path d="M12 8v4M12 16h.01" />
    @endswitch
</svg>