import { ref } from 'vue'

// Shared state for breadcrumbs
const customBreadcrumbs = ref<Array<{ name: string; path?: string; isLast?: boolean }>>([])

export function useBreadcrumbs() {
  const setBreadcrumbs = (crumbs: Array<{ name: string; path?: string; isLast?: boolean }>) => {
    customBreadcrumbs.value = crumbs
  }

  const clearBreadcrumbs = () => {
    customBreadcrumbs.value = []
  }

  return {
    breadcrumbs: customBreadcrumbs,
    setBreadcrumbs,
    clearBreadcrumbs
  }
}