Breadcrumb

1'use client';
2 
3import type { Ref } from 'react';
4import { forwardRef } from 'react';
5import { useComponentConfig } from '../config-provider/context';
6import BreadcrumbUI from './BreadcrumbUI';
7import type { BreadcrumbItem, BreadcrumbProps } from './types';
8 
9const BreadcrumbInner = <T extends BreadcrumbItem>(props: BreadcrumbProps<T>, ref: Ref<HTMLElement>) => {
10  const config = useComponentConfig('breadcrumb');
11 
12  const mergedProps = {
13    ...config,
14    ...props
15  } as BreadcrumbProps<T>;
16 
17  return (
18    <BreadcrumbUI<T>
19      {...mergedProps}
20      ref={ref}
21    />
22  );
23};
24 
25BreadcrumbInner.displayName = 'Breadcrumb';
26 
27const Breadcrumb = forwardRef(BreadcrumbInner) as <T extends BreadcrumbItem>(
28  props: BreadcrumbProps<T> & { ref?: Ref<HTMLElement> }
29) => React.ReactElement;
30 
31export default Breadcrumb;