<template>
  <q-breadcrumbs
    class="text-h4 text-k-accent-important sangBleuKingdomLight k-breadcrumbs kettalComponent"
    style="cursor: default;"
  >
    <q-breadcrumbs-el
      v-for="route in breadcrumbs"
      :key="route.name"
      class="text-k-accent-important"
      :label="route.name"
      :to="route.path"
    />
  </q-breadcrumbs>
</template>
<script setup lang="ts">
import { Breadcrumb } from './types'
withDefaults(defineProps<{
  breadcrumbs: Breadcrumb[];
}
>(), {
  breadcrumbs: () => []
})
</script>
<style lang="scss">

</style>
