1
import { PriceBlocs } from "@priceblocs/react-priceblocs-js";
2

3
<PriceBlocs api_key="PB_pk_live_123" prices={["price_123"]}>
4
  {({ values: { products }, checkout }) => {
5
    const { name, prices } = products[0];
6
    const { id, formatted: { unit_amount } } = prices[0];
7
    return (
8
      <div>
9
        <h2>{`Upgrade to ${name} for ${unit_amount}`}</h2>
10
        <button onClick={() => checkout(id)}>
11
          Upgrade
12
        </button>
13
      </div>
14
    );
15
  }}
16
</PriceBlocs>