import { Elements, useStripe } from "@stripe/react-stripe-js";
import { loadStripe } from "@stripe/stripe-js";
import React from "react"
import CheckoutForm from "../components/CheckoutForm";

const stripePromise = loadStripe("pk_test_KLSysmXwiDBAfXUzFYLUxwnw");

export default function Home() {
  return (
    <div>
      Hello world!
      
      <Elements stripe={stripePromise}>
        <CheckoutForm />
      </Elements>
    </div>
  )
}