import React from "react";
import { TaskBoardProps } from "./TaskBoardProps";
import { TaskBoard as KendoTaskBoard } from "@progress/kendo-react-taskboard";

const TaskBoard: React.FC<TaskBoardProps> = ({
  dataTestId,
  card,
  children,
  className,
  column,
  columnData,
  id,
  priorities,
  style,
  tabIndex,
  taskData,
  onChange,
}) => (
  <div data-test-id={dataTestId}>
    <KendoTaskBoard
      data-testid={id}
      card={card}
      children={children}
      className={className}
      column={column}
      columnData={columnData}
      id={id}
      priorities={priorities}
      style={style}
      tabIndex={tabIndex}
      taskData={taskData}
      onChange={onChange}
    />
  </div>
);

export default TaskBoard;