Abdelrahman Abdallah
21 lines
670 B
React
21 lines
670 B
React
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import './ProductCard.css';
|
|
|
|
const ProductCard = ({ product }) => {
|
|
return (
|
|
<div className="product-card">
|
|
<img src={product.image} alt={product.name} className="product-image" />
|
|
<div className="product-info">
|
|
<h3 className="product-name">{product.name}</h3>
|
|
<p className="product-description">{product.description}</p>
|
|
<div className="product-price">${product.price.toFixed(2)}</div>
|
|
<Link to={`/product/${product.id}`} className="view-details-btn">
|
|
View Details
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProductCard; |