Initial commit

components/commerce/product-details.editor.tsx

@@ -0,0 +1,16 @@
+import { ComponentConfig } from "@reacteditor/core";
+import { Package } from "lucide-react";
+import { ProductDetailsView, type ProductDetailsProps } from "@/components/commerce/product-details";
+
+export function createProductDetailsEditor(opts: {
+  productField: any;
+}): ComponentConfig<ProductDetailsProps> {
+  return {
+    label: "Product details",
+    icon: <Package size={16} />,
+    category: "commerce",
+    defaultProps: { product: null },
+    fields: { product: { label: "Product", ...opts.productField } },
+    render: (props) => <ProductDetailsView {...props} />,
+  };
+}