import React from "react";
import { BreadcrumbProps } from "./BreadcrumbProps";
import { Breadcrumb as KendoBreadcrumb } from "@progress/kendo-react-layout";

const Breadcrumb: React.FC<BreadcrumbProps> = ({
  dataTestId,
  ariaLabel,
  breadcrumbDelimiter,
  breadcrumbLink,
  breadcrumbListItem,
  breadcrumbOrderedList,
  className,
  data,
  dir,
  disabled,
  iconClassField,
  iconField,
  id,
  size,
  style,
  tabIndex,
  textField,
  valueField,
  onItemSelect,
  onKeyDown,
}) => {
  return (
    <div data-test-id={dataTestId}>
      <KendoBreadcrumb
        ariaLabel={ariaLabel}
        breadcrumbDelimiter={breadcrumbDelimiter}
        breadcrumbLink={breadcrumbLink}
        breadcrumbListItem={breadcrumbListItem}
        breadcrumbOrderedList={breadcrumbOrderedList}
        className={className}
        data={data}
        dir={dir}
        disabled={disabled}
        iconClassField={iconClassField}
        iconField={iconField}
        id={id}
        size={size}
        style={style}
        tabIndex={tabIndex}
        textField={textField}
        valueField={valueField}
        onItemSelect={onItemSelect}
        onKeyDown={onKeyDown}
      />
    </div>
  );
};

export default Breadcrumb;