import React from 'react'
import Link from 'next/link'
import { useRouter } from 'next/router'

const menu = [
  { title: 'Home', path: '/home' },
  { title: 'Explore', path: '/explore' },
  { title: 'Notifications', path: '/notifications' },
]

const Sidebar = () => {
  const router = useRouter()

  return (
    

      {menu.map((item, index) => {
        return (
          
            
              {item.title}
            
          
        )
      })}
    
  )
}

export default Sidebar