<script setup>
import { cn } from "../../../utils/cn";
defineOptions({ name: "UiBreadcrumbList" });
const props = defineProps({
  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
});
</script>

<template>
  <ol
    data-slot="breadcrumb-list"
    :class="
  cn(
    'flex flex-wrap items-center gap-1.5 text-sm text-zinc-500 break-words sm:gap-2.5',
    props.class
  )
"
  >
    <slot />
  </ol>
</template>
