text: import React from 'react';
  
  const Categories = ({categories, filterItems}) => {
      return (
          <div className='btn-container'>
              <div className="btn_container_box">
                  <i className="fas fa-chevron-circle-right"></i>
                  <button className='filter-btn' onClick={()=> filterItems('ALL')}>ALL</button>
              </div>
              <div className="btn_container_box">
                  <i className="fas fa-chevron-circle-right"></i>
                  <button className='filter-btn' onClick={()=> filterItems('ALL')}>Frontend</button>
              </div>
              <div className="btn_container_box">
                  <i className="fas fa-chevron-circle-right"></i>
                  <button className='filter-btn' onClick={()=> filterItems('ALL')}>Backend</button>
              </div>
              <div className="btn_container_box">
                  <i className="fas fa-chevron-circle-right"></i>
                  <button className='filter-btn' onClick={()=> filterItems('ALL')}>UX/UI</button>
              </div>
              <div className="btn_container_box">
                  <i className="fas fa-chevron-circle-right"></i>
                  <button className='filter-btn' onClick={()=> filterItems('ALL')}>Database</button>
              </div>
          </div>
      );
  };
  
  export default Categories;
  