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

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;