App.jsx

import React from 'react';
import useTheme from './useTheme';
import ThemeContext from './theme';

export default function App() {
  const { theme, darkMode, inheritSystem } = useTheme();

  return <>
    {/* Render the color scheme controls widget here */}
    {/* Use `theme`, `darkMode` and `inheritSystem` as required */}

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