<script setup lang="ts"></script>

<template>
    <tr
        class="odd:bg-white even:bg-gray-50 last:border-none border-b border-slate-200"
    >
        <td
            scope="row"
            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
        >
            <Skeleton class="w-full !h-10 !rounded-sm" />
        </td>
        <td class="w-3/12 px-6 py-6">
            <Skeleton class="w-full !h-10 !rounded-sm" />
        </td>
        <td class="w-3/12 px-6 py-6">
            <Skeleton class="w-full !h-10 !rounded-sm" />
        </td>
        <td class="w-2/12 px-6 py-6">
            <Skeleton class="w-full !h-10 !rounded-sm" />
        </td>
        <td class="w-1/12 px-6 py-6">
            <Skeleton class="!size-10 !rounded-sm" />
        </td>
    </tr>
</template>

<style scoped></style>
