import React from "react";
import { ExpansionPanelProps } from "./ExpansionPanelProps";
import { ExpansionPanel as KendoExpansionPanel } from "@progress/kendo-react-layout";

const ExpansionPanel: React.FC<ExpansionPanelProps> = ({
  dataTestId,
  id,
  children,
  ...props
}) => (
  <div data-test-id={dataTestId}>
    <KendoExpansionPanel data-testid={id} {...props}>
      {children}
    </KendoExpansionPanel>
  </div>
);

export default ExpansionPanel;