import * as React from 'react';
import { createComponent } from '@lit/react';
import { PieBreadcrumbItem as PieBreadcrumbItemLit } from './index';
import { type BreadcrumbItemProps } from './defs';

export * from './defs';

const PieBreadcrumbItemReact = createComponent({
    displayName: 'PieBreadcrumbItem',
    elementClass: PieBreadcrumbItemLit,
    react: React,
    tagName: 'pie-breadcrumb-item',
    events: {},
});

type ReactBaseType = React.HTMLAttributes<HTMLLIElement>

export const PieBreadcrumbItem = PieBreadcrumbItemReact as React.ForwardRefExoticComponent<React.PropsWithChildren<Omit<React.PropsWithoutRef<BreadcrumbItemProps>, 'children'>>
    & React.RefAttributes<PieBreadcrumbItemLit> & ReactBaseType>;