import { LinearGradient } from 'expo-linear-gradient';
import { StyleSheet } from 'react-native';
import { colors } from '@/lib/theme';

/** The page behind everything: flat slate, a touch lighter at the top. */
export function AmbientBackground() {
  return (
    <LinearGradient
      colors={['#32304e', colors.bg, colors.bg]}
      locations={[0, 0.45, 1]}
      style={[StyleSheet.absoluteFill, { backgroundColor: colors.bg }]}
      pointerEvents="none"
    />
  );
}