19 lines
631 B
React
19 lines
631 B
React
|
|
||
|
|
|
||
|
|
export default function ProductProperties({ properties }) {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<h2 className="text-2xl font-bold mb-4">Product Specifications</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>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|