31 lines
584 B
TypeScript
31 lines
584 B
TypeScript
import { View, type ViewProps } from "react-native";
|
|
|
|
import { useThemeColor } from "@/hooks/use-theme-color";
|
|
|
|
export type ThemedViewProps = ViewProps & {
|
|
lightColor?: string;
|
|
darkColor?: string;
|
|
className?: string;
|
|
};
|
|
|
|
export function ThemedView({
|
|
style,
|
|
className = "",
|
|
lightColor,
|
|
darkColor,
|
|
...otherProps
|
|
}: ThemedViewProps) {
|
|
const backgroundColor = useThemeColor(
|
|
{ light: lightColor, dark: darkColor },
|
|
"background"
|
|
);
|
|
|
|
return (
|
|
<View
|
|
className={className}
|
|
style={[{ backgroundColor }, style]}
|
|
{...otherProps}
|
|
/>
|
|
);
|
|
}
|