@props([
    'name',
    'size' => 'md',
    'variant' => 'regular',
    'title' => '',
])

@php
    $path = public_path("assets/icon/fluent/{$name}_20_{$variant}.svg");
    if (!file_exists($path)) {
        $path = public_path("assets/icon/fluent/{$name}_20_regular.svg");
    }

    $svg = file_get_contents($path);
    $svg = preg_replace('/<svg([^>]*)>/', '<svg$1 fill="currentColor">', $svg, 1);
@endphp

<span 
    {{ $attributes->merge([
        'class' => "fluent-icon fluent-{$size}"
    ]) }}
    title="{{ $title }}"
    role="img"
>
    {!! $svg !!}
</span>