/** توضیحات، روش مصرف، ترکیبات و مشخصات محصول (آکاردئون بومی HTML) */
import type { Brand, Product, SkinType } from "@/types/catalog";
import { faDigits } from "@/lib/format";
export function ProductDetails({ product, brand, skinTypes }: { product: Product; brand: Brand; skinTypes: SkinType[] }) {
const sizes = [...new Set(product.variants.map((v) => v.size).filter(Boolean))].join("، ");
const specs: [string, string][] = [
["برند", `${brand.name} (${brand.nameEn})`],
["کشور سازنده", product.madeIn],
...(sizes ? [["حجم / وزن", sizes] as [string, string]] : []),
...(skinTypes.length ? [["مناسب برای", skinTypes.map((s) => `پوست ${s.name}`).join("، ")] as [string, string]] : []),
...(product.ircCode ? [["شماره مجوز بهداشتی (IRC)", faDigits(product.ircCode)] as [string, string]] : []),
["کد کالا", faDigits(product.variants[0].sku.replace(/-\d+$/, ""))],
];
const sections = [
{ title: "درباره محصول", body: {product.description}
, open: true },
{ title: "روش مصرف", body: {product.howToUse}
},
{ title: "ترکیبات", body: {product.ingredients}
},
{
title: "مشخصات",
body: (
{specs.map(([k, v]) => (
- {k}
-
{v}
))}
),
open: true,
},
];
return (
جزئیات
{sections.map((s) => (
{s.title}
+
{s.body}
))}
);
}