@props([
    'type' => 'text',
    'rows' => 3,
])

@if($type === 'card')
    <div {{ $attributes->merge(['class' => 'chm-skeleton chm-skeleton-card']) }} aria-hidden="true"></div>
@elseif($type === 'table')
    <div {{ $attributes->merge(['class' => 'chm-skeleton-block']) }} aria-hidden="true">
        <div class="chm-skeleton chm-skeleton-title mb-3"></div>
        @for($i = 0; $i < $rows; $i++)
            <div class="chm-skeleton chm-skeleton-row"></div>
        @endfor
    </div>
@else
    <div {{ $attributes->merge(['class' => 'chm-skeleton chm-skeleton-text']) }} aria-hidden="true"></div>
@endif