| 4297 | stevensc | 1 | import React from 'react'
 | 
        
           | 4296 | stevensc | 2 | import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 | 
        
           |  |  | 3 | import GroupIcon from '@mui/icons-material/Group'
 | 
        
           |  |  | 4 | import { useState } from 'react'
 | 
        
           |  |  | 5 |   | 
        
           |  |  | 6 | const RecentItem = (props) => {
 | 
        
           |  |  | 7 |   const [recentItem1, setrecentItem1] = useState(false)
 | 
        
           |  |  | 8 |   const [recentItem2, setrecentItem2] = useState(false)
 | 
        
           |  |  | 9 |   | 
        
           |  |  | 10 |   return (
 | 
        
           |  |  | 11 |     <div className='sidebar__bottom'>
 | 
        
           |  |  | 12 |       <div className='sidebar__recent-item__container'>
 | 
        
           |  |  | 13 |   | 
        
           |  |  | 14 |         <section className='sidebar__recent-item'>
 | 
        
           |  |  | 15 |           <p>
 | 
        
           |  |  | 16 |             Recent
 | 
        
           |  |  | 17 |           </p>
 | 
        
           |  |  | 18 |           <div className='sidebar__recent-actions'>
 | 
        
           |  |  | 19 |             <button className='sidebar__recent-icon'>
 | 
        
           |  |  | 20 |               <ExpandMoreIcon />
 | 
        
           |  |  | 21 |             </button>
 | 
        
           |  |  | 22 |           </div>
 | 
        
           |  |  | 23 |         </section>
 | 
        
           |  |  | 24 |   | 
        
           |  |  | 25 |         <ul className='community-panel-interest-package__section-expanded'>
 | 
        
           |  |  | 26 |           <li className='community-panel-interest-package__entity-item truncate'>
 | 
        
           |  |  | 27 |             <a className='app-aware-link  community-panel-interest-package__entity-link t-12 t-black--light community-panel-interest-package--hoverable link-without-visited-state pv1 block full-width' href='https://www.linkedin.com/groups/8364861?lipi=urn%3Ali%3Apage%3Ad_flagship3_feed%3BYhSbgrFFTrm0yDy0BNHr5g%3D%3D' data-test-app-aware-link data-ntt-old-href='https://www.linkedin.com/groups/8364861'>
 | 
        
           |  |  | 28 |               <div className='truncate align-items-center'>
 | 
        
           |  |  | 29 |                 <GroupIcon />
 | 
        
           |  |  | 30 |                 <span dir='ltr'>React Native</span>
 | 
        
           |  |  | 31 |               </div>
 | 
        
           |  |  | 32 |             </a>
 | 
        
           |  |  | 33 |           </li>
 | 
        
           |  |  | 34 |         </ul>
 | 
        
           |  |  | 35 |   | 
        
           |  |  | 36 |       </div>
 | 
        
           |  |  | 37 |   | 
        
           |  |  | 38 |     </div>
 | 
        
           |  |  | 39 |   )
 | 
        
           |  |  | 40 | }
 | 
        
           |  |  | 41 |   | 
        
           |  |  | 42 | export default RecentItem
 |