1 files changed, 23 insertions, 0 deletions
diff --git a/src/react-native-app/components/ThemedScrollView.tsx b/src/react-native-app/components/ThemedScrollView.tsx
new file mode 100644
index 0000000..34f5d21
--- /dev/null
+++ b/src/react-native-app/components/ThemedScrollView.tsx
@@ -0,0 +1,23 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+import { ScrollView, type ScrollViewProps } from "react-native";
+import { useThemeColor } from "@/hooks/useThemeColor";
+
+export type ThemedViewProps = ScrollViewProps & {
+  lightColor?: string;
+  darkColor?: string;
+};
+
+export function ThemedScrollView({
+  style,
+  lightColor,
+  darkColor,
+  ...otherProps
+}: ThemedViewProps) {
+  const backgroundColor = useThemeColor(
+    { light: lightColor, dark: darkColor },
+    "background",
+  );
+
+  return <ScrollView style={[{ backgroundColor }, style]} {...otherProps} />;
+}