2 files changed, 40 insertions, 0 deletions
diff --git a/src/react-native-app/components/EmptyCart/EmptyCart.tsx b/src/react-native-app/components/EmptyCart/EmptyCart.tsx
new file mode 100644
index 0000000..962cf28
--- /dev/null
+++ b/src/react-native-app/components/EmptyCart/EmptyCart.tsx
@@ -0,0 +1,37 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+/**
+ * Copied with modification from src/frontend/components/Cart/EmptyCart.tsx
+ */
+import { ThemedView } from "@/components/ThemedView";
+import { ThemedText } from "@/components/ThemedText";
+import { StyleSheet } from "react-native";
+
+const EmptyCart = () => {
+  return (
+    <ThemedView style={styles.container}>
+      <ThemedText style={styles.header}>
+        Your shopping cart is empty!
+      </ThemedText>
+      <ThemedText style={styles.subHeader}>
+        Items you add to your shopping cart will appear here.
+      </ThemedText>
+    </ThemedView>
+  );
+};
+
+export default EmptyCart;
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  header: {
+    fontSize: 20,
+  },
+  subHeader: {
+    fontSize: 14,
+  },
+});
diff --git a/src/react-native-app/components/EmptyCart/index.ts b/src/react-native-app/components/EmptyCart/index.ts
new file mode 100644
index 0000000..9f421d1
--- /dev/null
+++ b/src/react-native-app/components/EmptyCart/index.ts
@@ -0,0 +1,3 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+export { default } from "./EmptyCart";