<template>
  <v-row justify="center" class="ma-0 py-5">
    <v-col cols="11" class="pa-0">
      <v-breadcrumbs :items="breadcrumbsItems">
        <template v-slot:divider>
          <v-icon class="px-0" icon="mdi-chevron-right"></v-icon>
        </template>
      </v-breadcrumbs>
    </v-col>
  </v-row>
</template>

<script setup>
const props = defineProps({
  breadcrumbsItems: Array,
});
</script>

<style>
.v-breadcrumbs-divider {
  padding: 0 !important;
}
.v-breadcrumbs-item--link {
  text-decoration: none !important;
}
.v-breadcrumbs-item {
  color: #808080 !important;
  text-decoration: none !important;
}
.v-breadcrumbs-item--disabled {
  opacity: 1 !important;
  color: #2d5284 !important;
}
</style>
