@props([
    'publishedDate' => null,
    'categoryName' => null,
    'boardLabel' => null,
    'compact' => false,
])

<div class="flex flex-wrap items-center gap-2 {{ $compact ? 'text-[0.7rem]' : 'text-xs' }}">
    @if ($publishedDate)
        <span class="c-primary">{{ $publishedDate }}</span>
    @endif

    @if ($categoryName)
        <x-ui.badge variant="primary" size="sm">{{ $categoryName }}</x-ui.badge>
    @elseif ($boardLabel)
        <x-ui.badge variant="secondary" size="sm">{{ $boardLabel }}</x-ui.badge>
    @endif
</div>