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

27 lines
634 B
TypeScript

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;