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

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

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