14 lines
487 B
JavaScript
14 lines
487 B
JavaScript
"use client";
|
|
|
|
import Link from 'next/link';
|
|
|
|
export default function ProductCard({ product }) {
|
|
return (
|
|
<article style={{border:'1px solid #eee',padding:12,borderRadius:6}}>
|
|
<img src={product.image} alt={product.title} style={{width:'100%',height:150,objectFit:'cover',borderRadius:4}} />
|
|
<h3>{product.title}</h3>
|
|
<p style={{fontWeight:'bold'}}>${product.price.toFixed(2)}</p>
|
|
<Link href={`/product/${product.id}`}><a>View</a></Link>
|
|
</article>
|
|
);
|
|
} |