@props([
    'title' => null,
    'href' => null,
    'description' => null,
    'variant' => 'default',
])

@php
    $titleClasses = $variant === 'title'
        ? 'truncate text-base font-bold c-main text-hover-primary'
        : 'truncate text-sm font-semibold c-main text-hover-primary';

    $descriptionClasses = $variant === 'title'
        ? 'break-all text-sm c-muted'
        : 'text-xs c-muted';
@endphp

<div class="min-w-0 space-y-1">
    @if ($href)
        <a href="{{ $href }}" class="{{ $titleClasses }}">
            {{ $title }}
        </a>
    @else
        <div class="{{ $titleClasses }}">
            {{ $title }}
        </div>
    @endif

    @if ($description)
        <div class="{{ $descriptionClasses }}">
            {{ $description }}
        </div>
    @endif
</div>