@props([
    'fillColor' => 'none',
    'strokeColor' => 'currentColor',
    'icon_class' => '',
    'css' => []
])
@php
    $defaultCss = [
        'padding-bottom' => '2.5px',
        'height' => 'inherit',
        'width' => '15px'
    ];

    $finalCss = array_merge($defaultCss, $css);
@endphp

{{-- <i class="fa-regular fa-star {{ $icon_class }}"
    style="@foreach ($finalCss as $key => $value) {{ $key }} : {{ $value }}; @endforeach"></i> --}}
<svg xmlns="http://www.w3.org/2000/svg" style="@foreach ($finalCss as $key => $value) {{ $key }} : {{ $value }}; @endforeach"
    fill="{{ $fillColor }}" width="24" stroke="{{ $strokeColor }}" viewBox="0 0 24 24" stroke-width="1"
    class="h-4 w-4 {{ $icon_class }}">
<path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" 
stroke="{{ $strokeColor }}" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>