From 95ff3a8707b3a10d8973e7b5d8c322ae465acaf7 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 11 Jul 2026 12:58:52 +0000
Subject: [PATCH] Changes

Co-authored-by: wolfoftyreso-debug <250630591+wolfoftyreso-debug@users.noreply.github.com>
---
 src/components/StripeEmbeddedCheckout.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/components/StripeEmbeddedCheckout.tsx

diff --git a/src/components/StripeEmbeddedCheckout.tsx b/src/components/StripeEmbeddedCheckout.tsx
new file mode 100644
index 0000000..b9f2aea
--- /dev/null
+++ b/src/components/StripeEmbeddedCheckout.tsx
@@ -0,0 +1,16 @@
+import { EmbeddedCheckoutProvider, EmbeddedCheckout } from "@stripe/react-stripe-js";
+import { getStripe } from "@/lib/stripe";
+
+interface Props {
+  fetchClientSecret: () => Promise<string>;
+}
+
+export function StripeEmbeddedCheckout({ fetchClientSecret }: Props) {
+  return (
+    <div id="checkout">
+      <EmbeddedCheckoutProvider stripe={getStripe()} options={{ fetchClientSecret }}>
+        <EmbeddedCheckout />
+      </EmbeddedCheckoutProvider>
+    </div>
+  );
+}