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

import React from 'react';
import {useProduct} from 'vtex.product-context';

const paymentWithPix= (props:any) => {
console.log("props",props);


const product = useProduct();
let imagePix = "https://agenciamagma.vtexassets.com/arquivos/pix-image-victor_souza.svg"


  return (
  <div>
    <img src={imagePix} alt="Imagem do icone do pix" />
    <p>{(product?.product?.priceRange.sellingPrice.highPrice || 0) * 0.9}</p>
    <p>10 % de desconto</p>
  </div>

  )
}

export default paymentWithPix