WIP 5

packages/leafcutter-ui/components/Preview.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { FC } from "react";
+/* eslint-disable no-underscore-dangle */
+import { RawDataViewer } from "./RawDataViewer";
+import { VisualizationDetail } from "./VisualizationDetail";
+
+interface PreviewProps {
+  visualization: any;
+  visualizationType: string;
+  data: any[];
+}
+
+export const Preview: FC<PreviewProps> = ({
+  visualization,
+  visualizationType,
+  data,
+}) =>
+  visualizationType === "rawData" ? (
+    <RawDataViewer rows={data} height={750} />
+  ) : (
+    <VisualizationDetail {...visualization} />
+  );