text: import React from "react"
  
  // Components
  import { Profile } from "../Profile"
  import { SocialLinks } from "../SocialLinks"
  import { MenuLinks } from "../MenuLinks"
  
  // Styles
  import * as S from "./sidebar.styles"
  
  const Sidebar = () => {
    return (
      <S.SidebarWrapper>
        <Profile />
        <SocialLinks />
        <MenuLinks />
      </S.SidebarWrapper>
    )
  }
  
  export { Sidebar }
  export default Sidebar
  