import { WhopElements, Payments, PaymentElement, BrandingElement } from "@whop/elements-react";
import { loadWhop } from "@whop/elements";
export default function PaymentForm() {
return (
<WhopElements elements={loadWhop()}>
{/* amount is in minor units: 1000 is $10.00 */}
<Payments accountId="biz_XXXXXXXXX" currency="usd" amount={1000}>
<PaymentElement onChange={(event) => console.log(event)} />
{/* Your pay button calls createConfirmationToken(); confirm the token server-side. */}
<BrandingElement />
</Payments>
</WhopElements>
);
}