<template>
  <v-list :style="listStyles" bg-color="transparent" class="d-flex">
    <v-list-subheader>{{ title }}:</v-list-subheader>
    <slot></slot>
  </v-list>
</template>

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

// Reusable styles
const listStyles = { borderRadius: '5px' }
</script>
