App.jsx

import React from 'react';
import useColorScheme from './useColorScheme';
import ThemeContext, { DARK_THEME, LIGHT_THEME } from './theme';

export default function App () {
  const dark = useColorScheme('dark');
  const theme = dark ? DARK_THEME : LIGHT_THEME;

  return <>
    <ThemeContext.Provider value={theme}>
      {/* Render rest of app (consume the theme context) */}
    </ThemeContext.Provider>
  </>
}