@props([
    'color' => 'secondary',
])

@php
    $colors = [
        'success' => 'bg-[var(--color-success)]',
        'danger' => 'bg-[var(--color-danger)]',
        'warning' => 'bg-[var(--color-warning)]',
        'info' => 'bg-[var(--color-info)]',
        'primary' => 'bg-[var(--color-primary)]',
        'secondary' => 'bg-[var(--color-text-muted)]',
    ];
    $dotClass = $colors[$color] ?? (str_starts_with((string) $color, '#') || str_starts_with((string) $color, 'var(')
        ? ''
        : ($colors['secondary']));
    $style = ($dotClass === '' && $color) ? "background-color: {$color}" : null;
@endphp

<span
    @if ($style) style="{{ $style }}" @endif
    {{ $attributes->merge(['class' => "inline-block h-2.5 w-2.5 rounded-full {$dotClass}"]) }}
    aria-hidden="true"
></span>