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