<script setup>

const props = defineProps({
    items: Array,
    chunkSize: Number
})

</script>

<template>
    <div class="grid grid-rows-* grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2">
        <div class="rounded p-2 shadow" v-for="item in items">
            <p class="text-sm leading-5 md text-gray-500">{{ item.title }}</p>
            <p class="text-lg leading-7 text-gray-900">{{ item.val }}</p>
        </div>
    </div>
</template>