25 lines
616 B
TypeScript
25 lines
616 B
TypeScript
import React from 'react';
|
|
import {useProduct} from 'vtex.product-context';
|
|
|
|
const PaymentWithPix =() => {
|
|
|
|
const product = useProduct();
|
|
|
|
|
|
let imagePix = "https://agenciamagma.vtexassets.com/arquivos/pix-image-victor_souza.svg"
|
|
|
|
|
|
return (
|
|
<div className="wrapperPix">
|
|
<img className="wrapperPixImage" src={imagePix} alt="Imagem do icone do pix" />
|
|
<div className="wrapperPrices">
|
|
<p className="wrapperTitle">{(product?.product?.priceRange.sellingPrice.highPrice || 0) * (0.9)}</p>
|
|
<p className="wrapperSubtitle">R$ 10 % de desconto</p>
|
|
</div>
|
|
</div>
|
|
|
|
)
|
|
}
|
|
|
|
export default PaymentWithPix;
|