import React, { HTMLAttributes } from 'react'
import cln from 'classnames'

import { usePrefix } from '../ConfigProvider'

export type { Props as BreadcrumbItemProps } from './Item'
export { default as BreadcrumbItem } from './Item'

export type BreadcrumbProps = HTMLAttributes<HTMLDivElement>

export default function Breadcrumb({ className, ...props }: BreadcrumbProps) {
  const prefix = usePrefix('breadcrumb')

  return (
    <div className={cln(prefix, className)} {...props} />
  )
}