text: import React, { Component } from 'react';
  
  
  export class CategoryDropdownMenu extends Component {
      
      render() {
          const { onButtonClick } = this.props;
          const categories = ['Veggies', 'Fruits', 'Herbs', 'Homemade Goods'];
  
          return (
              <div className="btn-group">
                  <button type='button' className="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Select Item/Post Category
                  </button>
                  <div className="dropdown-menu">
                      {categories.map((category, i) => (
                          <a className="dropdown-item" onClick={() => {onButtonClick(category)}}>{category}</a>
                      ))}
                  </div>
              </div>
          );
      }
  }
  
  export default CategoryDropdownMenu;