import type { ComponentType, ElementType, ReactNode } from 'react'
import type { HTMLAttrs, Variant } from './common'
import { BreadcrumbItem } from './BreadcrumbItem'

export interface BreadcrumbRouteProps {
  path?: string
  breadcrumbName?: string
}

export interface BreadcrumbsProps extends HTMLAttrs {
  routes?: BreadcrumbRouteProps[]
  baseUrl?: string
  params?: Record<string, any>
  children?: ReactNode
  variant?: Variant
  tokens?: Record<string, any>
  LinkRouter?: ElementType
  linkRouterProps?: Record<string, any>
}

export declare const Breadcrumbs: ComponentType<BreadcrumbsProps> & {
  BreadcrumbItem: typeof BreadcrumbItem
}