<template>
    <div class="table">
        <slot></slot>
    </div>
</template>

<script setup lang="ts">
defineProps<{
    columns: string
}>()
</script>

<style scoped>
.table {
    display: grid;
    grid-template-columns: v-bind(columns);
    border: 1px solid #c1c1c1;
    border-radius: 0.5rem;
    overflow: hidden;
}
.header * {
    font-weight: 600;
}
.artifact-list .artifact:hover * {
    background-color: var(--tile-color);
}
.artifact-list .artifact:last-of-type * {
    border-bottom: 0;
}
</style>