<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"
        >
            Apple MacBook Pro 17
        </td>
        <td class="w-3/12 px-6 py-6">Silver</td>
        <td class="w-3/12 px-6 py-6">Laptop</td>
        <td class="w-2/12 px-6 py-6">$2999</td>
        <td class="w-1/12 px-6 py-6">
            <NuxtLink :to="{ name: 'profile-tickets-id', params: { id: 1 } }">
                <button
                    class="size-10 flex-center border border-slate-200 rounded-md"
                >
                    <Icon
                        name="ci:eye-open"
                        class="**:stroke-black"
                        size="20"
                    />
                </button>
            </NuxtLink>
        </td>
    </tr>
</template>

<style scoped></style>
