import React, { createContext, useState } from 'react';
import PropTypes from 'prop-types';

export const MenuContext = createContext();

export const MenuProvider = ({ children }) => {
  const [active, setActive] = useState(false);
  return <MenuContext.Provider value={{ active, setActive }}>{children}</MenuContext.Provider>;
};

MenuProvider.propTypes = {
  children: PropTypes.node.isRequired,
  width: PropTypes.number
};