import React from 'react'; import PropTypes from 'prop-types'; import { Collapsible } from '@openedx/paragon'; import { Link } from 'react-router-dom'; const MobileMenu = ({ mainMenuDropdowns }) => (
{mainMenuDropdowns.map(dropdown => { const { id, buttonTitle, items } = dropdown; return (
    {items.map(item => (
  • {item.title}
  • ))}
); })}
); MobileMenu.propTypes = { mainMenuDropdowns: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string, buttonTitle: PropTypes.node, items: PropTypes.arrayOf(PropTypes.shape({ href: PropTypes.string, title: PropTypes.node, })), })), }; MobileMenu.defaultProps = { mainMenuDropdowns: [], }; export default MobileMenu;