import React from "react";
import { TabStripTab as KendoTabStripTab } from "@progress/kendo-react-layout";
import { TabStripTabProps } from "./TabStripTabProps";

const TabStripTab: React.FC<TabStripTabProps> = ({
  dataTestId,
  children,
  contentClassName,
  disabled,
  title,
}) => (
  <div data-test-id={dataTestId}>
    <KendoTabStripTab
      contentClassName={contentClassName}
      disabled={disabled}
      title={title}
    >
      {children}
    </KendoTabStripTab>
  </div>
);

export default TabStripTab;