@props(['status' => 'default', 'size' => '10px'])

@php
$colors = [
    'success' => '#00d27a',
    'danger' => '#e63757',
    'warning' => '#f5803e',
    'info' => '#27bcfd',
    'primary' => '#3874ff',
    'default' => '#748194'
];

$color = $colors[$status] ?? $colors['default'];
@endphp

<span class="d-inline-block rounded-circle"
      style="width: {{ $size }}; height: {{ $size }}; background-color: {{ $color }};"
      title="{{ $status === 'success' ? 'Publicado' : '' }}">
</span>