import React from "react";
import { Scheduler as KendoScheduler } from "@progress/kendo-react-scheduler";
import { SchedulerProps } from "./SchedulerProps";

const Scheduler: React.FC<SchedulerProps> = ({
  dataTestId,
  ariaLabel,
  ariaLabelledby,
  children,
  className,
  data,
  date,
  defaultDate,
  defaultView,
  editable,
  editItem,
  editSlot,
  editTask,
  footer,
  group,
  header,
  height,
  id,
  item,
  modelFields,
  resources,
  role,
  rtl,
  slot,
  style,
  tabIndex,
  task,
  timezone,
  view,
  viewItem,
  viewSlot,
  viewTask,
  onDataChange,
  onDateChange,
  onViewChange,
}) => (
  <div data-test-id={dataTestId}>
    <KendoScheduler
      ariaLabel={ariaLabel}
      ariaLabelledby={ariaLabelledby}
      children={children}
      className={className}
      data={data}
      date={date}
      defaultDate={defaultDate}
      defaultView={defaultView}
      editable={editable}
      editItem={editItem}
      editSlot={editSlot}
      editTask={editTask}
      footer={footer}
      group={group}
      header={header}
      height={height}
      id={id}
      item={item}
      modelFields={modelFields}
      resources={resources}
      role={role}
      rtl={rtl}
      slot={slot}
      style={style}
      tabIndex={tabIndex}
      task={task}
      timezone={timezone}
      view={view}
      viewItem={viewItem}
      viewSlot={viewSlot}
      viewTask={viewTask}
      onDataChange={onDataChange}
      onDateChange={onDateChange}
      onViewChange={onViewChange}
    />
  </div>
);

export default Scheduler;