import { getMessages } from "next-intl/server"


export default async function ProductProperties({ properties }) {
    const t =  await getMessages()
    return (
        <div>
            <h2 className="text-2xl font-bold mb-4">{t.PDP.productSpecifications}</h2>
            <dl className="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
                {properties.map((prop) => (
                    <div key={prop.id} className="border-t border-gray-200 pt-6">
                        <dt className="font-medium text-gray-900 capitalize">{prop.key}</dt>
                        <dd className="mt-2 text-gray-500">{prop.value}</dd>
                    </div>
                ))}
            </dl>
        </div>
    )
}