import Link from "./Link"; import currencyFormat from "../helpers/currencyFormat"; import { createSlug } from "../helpers/slug"; import { LazyLoadImage } from "react-lazy-load-image-component"; import 'react-lazy-load-image-component/src/effects/blur.css'; export default function ProductCard({ data }) { let product = data; return (
{product.variant_total > 1 ? (
{product.variant_total} Varian
) : ''}
{typeof product.manufacture.name !== "undefined" ? ( {product.manufacture.name} ) : ( - )} {product.name}
{product.lowest_price.discount_percentage > 0 ? (

{currencyFormat(product.lowest_price.price)}

{product.lowest_price.discount_percentage}%
) : ''} {product.lowest_price.price_discount > 0 ? (

{currencyFormat(product.lowest_price.price_discount)}

) : ( Tanya Harga )} {product.stock_total > 0 ? (
Ready Stock {product.stock_total > 5 ? '> 5' : '< 5'}
) : ''}
) }