<template>
    <InertiaHead title="Wiadomości" />
    <div class="p-4">
        <header class="pb-4">
            <h1 class="text-3xl font-roboto font-light">Wiadomości</h1>
        </header>
        <div class="overflow-x-auto">
            <table v-if="cvs.data.length" class="w-full min-w-[600px] border-separate border-spacing-y-2 cursor-pointer">
                <colgroup>
                    <col class="w-min" />
                </colgroup>
                <thead class="text-left bg-gray-100">
                    <th class="p-2 text-center">ID</th>
                    <th class="p-2">Wysyłający</th>
                    <th class="w-[100px] p-2 whitespace-nowrap">E-mail</th>
                    <th class="p-2"></th>
                </thead>
                <tbody>
                    <!-- <InertiaLink
                        as="tr"
                        v-for="(cv, key) in cvs.data"
                        :key="key"
                        class="px-3 py-2 bg-white hover:bg-neutral-200 rounded-md z-10"
                        :href="`/dashboard/message/${cv.token}`">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </InertiaLink> -->
                </tbody>
            </table>
        </div>
    </div>
</template>
