@php
    $checked = $checked ?? false;
    $shape = $shape ?? 'radio';
@endphp

@if($shape === 'checkbox')
    <span class="mt-1 inline-flex h-4 w-4 shrink-0 items-center justify-center rounded border {{ $checked ? 'border-brand bg-brand text-brand-foreground' : 'border-border bg-card text-transparent dark:border-surface-600' }}">
        <x-heroicon-m-check class="h-3 w-3" />
    </span>
@else
    <span class="mt-1 flex h-4 w-4 shrink-0 items-center justify-center rounded-full border {{ $checked ? 'border-brand' : 'border-border dark:border-surface-600' }}">
        @if($checked)
            <span class="h-2.5 w-2.5 rounded-full bg-brand"></span>
        @endif
    </span>
@endif