<div class="mb-10">
    <h1 class="mb-4 text-xl font-medium">Thumbnail</h1>
    <div class="bg-gray-200/60 p-4 lg:p-4 lg:p-10">
        <div class="flex flex-wrap items-center gap-3 mb-4">
            <x-dashui-thumbnail size="xs" src="https://burst.shopifycdn.com/photos/black-leather-choker-necklace_373x@2x.jpg" alt="text"/>
            <x-dashui-thumbnail size="sm" src="https://burst.shopifycdn.com/photos/black-leather-choker-necklace_373x@2x.jpg" alt="text"/>
            <x-dashui-thumbnail src="https://burst.shopifycdn.com/photos/black-leather-choker-necklace_373x@2x.jpg" alt="text"/>
            <x-dashui-thumbnail size="lg" src="https://burst.shopifycdn.com/photos/black-leather-choker-necklace_373x@2x.jpg" alt="text"/>
        </div>
        <div class="flex flex-wrap items-center gap-3">
            <x-dashui-thumbnail size="xs"><x-gmdi-image-o class="h-full w-full"/></x-dashui-thumbnail>
            <x-dashui-thumbnail size="sm"><x-gmdi-category-o class="h-full w-full"/></x-dashui-thumbnail>
            <x-dashui-thumbnail><x-gmdi-sell-o class="h-full w-full"/></x-dashui-thumbnail>
            <x-dashui-thumbnail size="lg"><x-gmdi-browse-gallery class="h-full w-full"/></x-dashui-thumbnail>
        </div>
    </div>
</div>
