import React from 'react' import { Link } from 'react-router-dom' import '../styles/global.css' export default function ProductCard({ product }) { const price = product.discount_price || product.price const discount = product.discount_price && product.is_on_sale ? Math.round( ((product.price - product.discount_price) / product.price) * 100 ) : 0 return (
{product.name} {product.is_on_sale && discount > 0 && (
{discount}% OFF
)} {product.is_featured && (
FEATURED
)}

{product.name}

{product.brand}

{product.discount_price ? ( <> ${product.price.toFixed(2)} ${product.discount_price.toFixed(2)} ) : ( ${price.toFixed(2)} )}

{product.stock > 0 ? ( In Stock ) : ( Out of Stock )}

View Details
) }