import { ChartLegendProps } from "./ChartLegendProps";
import { ChartLegend as KendoChartLegend } from "@progress/kendo-react-charts";

const ChartLegend: React.FC<ChartLegendProps> = ({
  dataTestId,
  align,
  background,
  border,
  height,
  inactiveItems,
  item,
  labels,
  margin,
  offsetX,
  offsetY,
  orientation,
  padding,
  position,
  reverse,
  title,
  visible,
  width,
}) => (
  <div data-test-id={dataTestId}>
    <KendoChartLegend
      align={align}
      background={background}
      border={border}
      height={height}
      inactiveItems={inactiveItems}
      item={item}
      labels={labels}
      margin={margin}
      offsetX={offsetX}
      offsetY={offsetY}
      orientation={orientation}
      padding={padding}
      position={position}
      reverse={reverse}
      title={title}
      visible={visible}
      width={width}
    />
  </div>
);

export default ChartLegend;