import Header from "./header";
import Sidebar from "./sidebar";
import UserDetail from "./userDetail";

function LayoutPanel({ children, data }) {
  return (
    <div className="flex min-h-screen">
      <Sidebar />
      <main className="w-full">
        <Header />
        <section className="my-[24px] opacity-element mx-[16px] bg-[#FAFAFA]">
          {children}
        </section>
      </main>
      <UserDetail data={data} />
    </div>
  );
}

export default LayoutPanel;
