1import { Host } from "@expo/ui/jetpack-compose";
2import { type ComponentProps } from "react";
3import { createNativeThemeColors } from "../../lib/nativeTheme";
4import { useControlTheme } from "./useControlTheme";
5
6export function NativeThemeHost(
7 props: Omit<ComponentProps<typeof Host>, "colorScheme" | "seedColor" | "colorOverrides">,
8) {
9 const { colors, colorScheme, systemColorsActive } = useControlTheme();
10 const colorOverrides = systemColorsActive ? undefined : createNativeThemeColors(colors);
11 return <Host {...props} colorScheme={colorScheme} colorOverrides={colorOverrides} />;
12}