<script setup lang="ts">
interface Props {
  density?: 'compact'
}
const props = defineProps<Props>()

const styleClass = computed(() => {
  const densityClass = props.density ? 'table-compact' : ''
  return [densityClass]
})
</script>

<template>
  <table class="table" :class="styleClass"><slot></slot></table>
</template>
