challenge-vtex-io/react/components/Example/paymentWithPix.tsx

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