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} />,
  };
}