// import React, { FC } from "react";
// import { useProduct } from "vtex.product-context";
// import pix from "./pix.svg";

// const ProductValue = () => {
//     const productValue = useProduct();
// export const PixProduct: FC = () => {
//     const productContextValue = useProduct();
//     const vavazinha =
//         productContextValue?.product?.priceRange?.sellingPrice?.highPrice;

//     console.log('productValue', productValue);

//     // return <>oi</>;
//     return (
//         <>
//             <div>
//                 <img src={pix} alt="Pix" />
//                 {`R$ ${(vavazinha! - vavazinha! * 0.1)
//                     .toFixed(2)
//                     .replace(".", ",")}`
//                 }
//                 <span>
//                     10% de desconto
//                 </span>
//             </div>
//         </>
//     );
// };

// export default ProductValue;