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

export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
  tag?: ElementType;
}

const Breadcrumb: FC<BreadcrumbProps> = ({ className, tag: Tag = 'nav', ...rest }) => (
  <Tag className={classnames('breadcrumb', className)} data-testid="Breadcrumb" {...rest} />
);

export default Breadcrumb;