@php
    $size = $size ?? 'sm';
    $sizeClass = match ($size) {
        'xs' => 'verified-badge-xs',
        'sm' => 'verified-badge-sm',
        'md' => 'verified-badge-md',
        'lg' => 'verified-badge-lg',
        default => 'verified-badge-sm',
    };
@endphp

<span class="verified-badge {{ $sizeClass }}" title="{{ trans('plugins/real-estate::general.verified_agent') }}">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
        <path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0112 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 013.498 1.307 4.491 4.491 0 011.307 3.497A4.49 4.49 0 0121.75 12a4.49 4.49 0 01-1.549 3.397 4.491 4.491 0 01-1.307 3.497 4.491 4.491 0 01-3.497 1.307A4.49 4.49 0 0112 21.75a4.49 4.49 0 01-3.397-1.549 4.49 4.49 0 01-3.498-1.306 4.491 4.491 0 01-1.307-3.498A4.49 4.49 0 012.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 011.307-3.497 4.49 4.49 0 013.497-1.307zm7.007 6.387a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd"/>
    </svg>
</span>

<style>
    .verified-badge {
        display: inline-flex;
        align-items: center;
        color: #1d9bf0;
        vertical-align: middle;
    }
    
    .verified-badge svg {
        width: 16px;
        height: 16px;
    }
    
    .verified-badge-xs svg {
        width: 14px;
        height: 14px;
    }
    
    .verified-badge-sm svg {
        width: 16px;
        height: 16px;
    }
    
    .verified-badge-md svg {
        width: 20px;
        height: 20px;
    }
    
    .verified-badge-lg svg {
        width: 24px;
        height: 24px;
    }
</style>