@props(['type' => null , 'fullscreen' => false , 'containerId' => null, 'containerStyle' => null])
<div id="{{ $containerId ?? '' }}" {{ "style='$containerStyle'" ?? '' }}>
    @if ($fullscreen == true)
    <div class="fixed inset-0 flex items-center justify-center z-100" style="background: #09090b8a;">
        <div class="relative">
            @endif
            <!-- From Uiverse.io by Siyu1017 -->
            <svg viewBox="0 0 16 16" height="24" width="24" class="Siyu1017-windows-loading-spinner">
                <circle r="7px" cy="8px" cx="8px"></circle>
            </svg>

            @if ($fullscreen == true)
        </div>
    </div>
    @endif
</div>