text: import React from "react"
  import Links from "../constants/links"
  import SocialLinks from "../constants/socialLinks"
  import { FaTimes } from "react-icons/fa"
  const Sidebar = ({isOpen,toggleSidebar}) => {
    return <aside className={`sidebar ${isOpen?'show-sidebar':''}`}>
      <button className="close-btn" onClick={toggleSidebar}>
        <FaTimes />
      </button>
      <div className="sidebar-container">
        <Links styleClass={`${isOpen?"sidebar-links":''}`}/>
        <SocialLinks styleClass={`${isOpen?"sidebar-icons":''}`}/>
      </div>
    </aside>
  }
  
  export default Sidebar
  