<script setup lang="ts">
/**
 * Обёртка: десктоп/планшет — слот #table (обычный v-data-table),
 * телефон — слот #card (список карточек по каждому item).
 * Данные прокидываются через слот-пропсы, чтобы вызывающий сам рисовал карточку.
 */
import { useLayoutTier } from '../../composables/useLayoutTier';

defineProps<{ items: unknown[] }>();
const { isPhone } = useLayoutTier();
</script>

<template>
    <div>
        <template v-if="isPhone">
            <slot name="card" :items="items" />
        </template>
        <template v-else>
            <slot name="table" :items="items" />
        </template>
    </div>
</template>
