<template>
    <div class="content-row display-contents">
        <slot></slot>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.display-contents {
    display: contents;
}
.content-row > * {
    border-bottom: 1px solid #c1c1c1;
}
.content-row:hover > * {
    background-color: #f6f6f6;
}
.content-row:last-of-type * {
    border-bottom: 0;
}
</style>