<template>
    <Table v-if="artifacts" columns="auto auto auto 1fr auto" :show-footer="artifacts.length === 0">
        <HeaderRow>
            <HeaderCell>Group ID</HeaderCell>
            <HeaderCell>Artifact ID</HeaderCell>
            <HeaderCell>Latest Version</HeaderCell>
            <HeaderCell>Pull Count</HeaderCell>
            <HeaderCell>Updated At</HeaderCell>
        </HeaderRow>
        <ArtifactComponent :artifact="artifact"  v-for="artifact in artifacts"></ArtifactComponent>
        <template #footer>
            <div class="center">
                <p>No Artifacts found.</p>
            </div>
        </template>
    </Table>
</template>

<script setup lang="ts">
import {Artifact} from "~/components/artifact/Artifact";
import ArtifactComponent from "~/components/artifact/ArtifactComponent.vue";
import Table from "~/components/ui/table/Table.vue";
import HeaderCell from "~/components/ui/table/HeaderCell.vue";
import HeaderRow from "~/components/ui/table/HeaderRow.vue";

defineProps<{
    artifacts: Artifact[]
}>()
</script>

<style scoped>

</style>