import type { ComponentPropsWithoutRef, ElementType } from 'react';
import classnames from 'classnames';
import React from 'react';

export type BreadcrumbItemProps<T extends ElementType> = ComponentPropsWithoutRef<T> & {
  tag?: T;
};

function BreadcrumbItem<T extends ElementType>({
  className,
  // @ts-ignore todo: fix this
  tag: Tag = 'span',
  ...rest
}: BreadcrumbItemProps<T>) {
  return (
    // @ts-ignore todo: fix this
    <Tag className={classnames('breadcrumb-item', className)} data-testid="BreadcrumbItem" {...rest} />
  );
}

export default BreadcrumbItem;