import { Layout } from "antd";
import React, { useState } from "react";
import ProfileContent from "../../components/profile-content/profile-content.component";
import ProfileSideBar from "../../components/profile-sidebar/profile-sidebar.component";

export default function ProfilePage() {
  const [sidebarSelection, setSidebarSelection] = useState({ key: "profile" });
  return (
    <Layout>
      <ProfileSideBar
        sidebarSelection={sidebarSelection}
        setSidebarSelection={setSidebarSelection}
      />

      <Layout.Content>
        <ProfileContent sidebarSelection={sidebarSelection} />
      </Layout.Content>
    </Layout>
  );
}
