const generateAsset = async () => {
  const response = await fetch("https://assets.qbacode.com/api/v1/generate-asset", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      template: "promotional", // or "event", "certificate", "basic"
      productName: "Limited Edition 2026",
      salePrice: "$49.99",
      discount: "20% OFF",
      primaryColor: "#7c3aed",
      imageUrl: "https://yoursite.com/product-photo.jpg"
    }),
  });

  if (response.ok) {
    const blob = await response.blob();
    const url = URL.createObjectURL(blob);
    // Now you can display it in an <img> or download it
    console.log("Image generated:", url);
    
    // Display in an <img>
    document.getElementById("preview").src = url;
    
    // Or download directly
    const a = document.createElement("a");
    a.href = url;
    a.download = "asset.png";
    a.click();
  } else {
    const error = await response.json();
    console.error("Error:", error);
  }
};

generateAsset();