@props([
    'kind' => 'text', // text | line | block | avatar | card
    'width' => null,
    'height' => null,
    'rounded' => false,
    'count' => 1,
])

@php
    $kindClass = 'skeleton--' . $kind;
    $style = '';
    if ($width) $style .= 'width:' . $width . ';';
    if ($height) $style .= 'height:' . $height . ';';
    if ($rounded) $style .= 'border-radius:999px;';
    $classes = trim('skeleton ' . $kindClass);
@endphp

@for($i = 0; $i < $count; $i++)
    <span {{ $attributes->merge(['class' => $classes]) }} style="{{ $style }}" aria-hidden="true"></span>
@endfor