mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-06-06 20:37:32 +00:00
Gregor Vostrak
35 lines
815 B
Vue
35 lines
815 B
Vue
<script setup lang="ts">
|
|
import { cn } from '@/lib/utils';
|
|
import { computed, type HTMLAttributes } from 'vue';
|
|
import TableCell from './TableCell.vue';
|
|
import TableRow from './TableRow.vue';
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
class?: HTMLAttributes['class'];
|
|
colspan?: number;
|
|
}>(),
|
|
{
|
|
colspan: 1,
|
|
}
|
|
);
|
|
|
|
const delegatedProps = computed(() => {
|
|
const { class: _, ...delegated } = props;
|
|
|
|
return delegated;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<TableRow>
|
|
<TableCell
|
|
:class="cn('p-4 whitespace-nowrap align-middle text-sm text-foreground', props.class)"
|
|
v-bind="delegatedProps">
|
|
<div class="flex items-center justify-center py-10">
|
|
<slot />
|
|
</div>
|
|
</TableCell>
|
|
</TableRow>
|
|
</template>
|