@props(['title', 'subtitle' => null, 'count' => null, 'id' => null])

<div {{ $attributes->merge(['class' => 'section-heading mb-4']) }}>
    <div>
        <h2 @if($id) id="{{ $id }}" @endif class="section-heading__title">{{ $title }}</h2>
        @if ($subtitle)
            <p class="section-heading__subtitle mt-1">{{ $subtitle }}</p>
        @endif
    </div>
    @if ($count !== null)
        <p class="type-caption shrink-0 rounded-full bg-[var(--color-surface)] px-3 py-1 font-semibold text-[var(--color-text-secondary)] ring-1 ring-[var(--color-border)]">
            {{ fa_digits($count) }} مورد
        </p>
    @endif
</div>