import {
  BreadcrumbDelimiterProps as KendoBreadcrumbDelimiterProps,
  BreadcrumbLinkProps as KendoBreadcrumbLinkProps,
  BreadcrumbListItemProps as KendoBreadcrumbListItemProps,
  BreadcrumbOrderedListProps as KendoBreadcrumbOrderedListProps,
  DataModel as KendoDataModel,
} from "@progress/kendo-react-layout";

export interface BreadcrumbProps {
  dataTestId?: string;
  ariaLabel?: string;
  breadcrumbDelimiter?: React.ComponentType<KendoBreadcrumbDelimiterProps>;
  breadcrumbLink?: React.ComponentType<KendoBreadcrumbLinkProps>;
  breadcrumbListItem?: React.ComponentType<KendoBreadcrumbListItemProps>;
  breadcrumbOrderedList?: React.ComponentType<KendoBreadcrumbOrderedListProps>;
  className?: string;
  data: KendoDataModel[];
  dir?: "ltr" | "rtl";
  disabled?: boolean;
  iconClassField?: string;
  iconField?: string;
  id?: string;
  size?: "small" | "medium" | "large";
  style?: React.CSSProperties;
  tabIndex?: number;
  textField?: string;
  valueField?: string;
  onItemSelect?: (event: any) => void;
  onKeyDown?: (event: any) => void;
}