useContext and about ContextAPI

contextApi.js

import React, { useContext, useState, createContext } from 'react';
// Create a context for the café (the "bulletin board")
const cafeContext = createContext( );

const cafeProvider = ({ children }) => {
// State shared by the entire café
const [cafeStatus , setCafeStatus] = useState('Open');
return {
 <cafeContext.Provider value={{ cafeStatus, setCafeStatus }}>
	 {children}
	</CafeContext.Provider>	 
);
const WaiterSection = () => {
  const { cafeStatus } = useContext(CafeContext);
  return (... );
};

 //Component for the kitchen
const KitchenSection = () => {
  const { cafeStatus, setCafeStatus } = useContext(CafeContext);
  return (...);
};

const CafeContext = () => {
 return (
	  <cafeProvider>
		  <WaiterSection />
      <KitchenSection />
     </CafeProvider>
    );
  };
  export default CafeWithContext;