import { createContext } from "react"

const AppContext = createContext();

export default AppContext

const ContextProvider = ({ children }) => {
  let [username, setUsername] = useState("")

  let initialState = {
    username,
    setUsername
  }

  return (
    <AppContext.Provider value={ initialState }> 
      {children}
    </AppContext.Provider>
  );
}

export default ContextProvider;

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <ContextProvider>
      <App />
    </ContextProvider>
  </React.StrictMode>
);

const Form = () => {
  const {username, setUsername} = useContext(AppContext)
}