// 商品縮圖 — SVG-based 抽象插畫風 (取代真實圖片)
// 每個商品根據 color/accent/icon 生成獨特的視覺
// Polite, modern abstract product cards
const ProductImage = ({ product, size = "default", showPrice = false }) => {
const { color, accent, icon, name } = product;
const isLarge = size === "large";
const isHero = size === "hero";
// 根據 catKey 用不同的抽象構圖
const renderShape = () => {
if (product.catKey === "appliance") {
return (
<>
);
}
if (product.catKey === "lifestyle") {
return (
<>
);
}
// home
return (
<>
);
};
return (
);
};
window.ProductImage = ProductImage;