@props([
    'lines' => 3,
    'header' => true,
])

<div {{ $attributes->merge(['class' => 'bg-bg-soft border border-line rounded-xl p-5 shadow-sm animate-pulse flex flex-col gap-3']) }}>
    @if($header)
        <div class="flex justify-between items-center mb-2">
            <div class="h-4 bg-line rounded w-1/3"></div>
            <div class="h-5 bg-line rounded w-16"></div>
        </div>
    @endif
    @for($i = 0; $i < (int) $lines; $i++)
        <div class="h-3 bg-line rounded" style="width: {{ rand(60, 95) }}%;"></div>
    @endfor
</div>