<Skeleton ClassName="size-20" Variant="SkeletonVariant.Circle" />

<Skeleton ClassName="size-20" Variant="SkeletonVariant.Square" />

<Skeleton ClassName="size-20" Variant="SkeletonVariant.Rounded" />

<div class="w-full max-w-sm border border-neutral-border rounded-lg p-4 space-y-4">
    <div class="flex gap-3">
        <Skeleton ClassName="size-10" Variant="SkeletonVariant.Circle" />
        <div class="flex-1 space-y-2">
            <Skeleton ClassName="w-3/4 h-4" />
            <Skeleton ClassName="w-1/2 h-3" />
        </div>
    </div>

    <div class="space-y-2">
        <Skeleton ClassName="w-full h-4" />
        <Skeleton ClassName="w-full h-4" />
        <Skeleton ClassName="w-full h-4" />
    </div>

    <Skeleton ClassName="w-full h-10" Variant="SkeletonVariant.Rounded" />
</div>