challenge-vtex-io-ramon-dias-ferreira/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 (
    <>

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


    </>
  );
};

export default Pix;