challenge-vtex-io-izabela-balizardo/react/components/Pix/Pix.tsx

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

const Pix = () => {
  const productContextValue = useProduct()?.product?.priceRange?.sellingPrice
    ?.highPrice;

  return (
    <>
       <div>
                <img src="https://agenciamagma.vtexassets.com/arquivos/pix_izabela.svg" alt="Pix" />
                {`R$ ${(productContextValue! - productContextValue! * 0.1)
                    .toFixed(2)
                    .replace(".", ",")}`
                }
                <p>
                    10% de desconto
                </p>
            </div>

      
    </>
  );
};

export default Pix;