"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>
  );
}