text: /* eslint-disable no-unused-vars */
  import React from 'react'
  import useUser from '../../hooks/use-user'
  import User from "./user"
  import Suggestions from "./suggestions"
  
  const Sidebar = () => {
      const {user: {fullName ,username , userId}} = useUser();
          
  
      return (
          <>
      <div className="p-4">
          <User username={username} fullName={fullName} />
          <Suggestions userId={userId}/>
  
      </div>
      </>
      )
  }
  
  export default Sidebar
  