import React from "react";
// import PageBreadcrumb from "@/components/common/PageBreadCrumb";
import UserMetaCard from "@/components/user-profile/UserMetaCard";
import UserInfoCard from "@/components/user-profile/UserInfoCard";

import { Metadata } from "next";
import UserSettingCard from "@/components/user-profile/UserSettingCard";

export const metadata: Metadata = {
  title: "LMS | Profile",
  description: "This is Profile page for LMS",
};

export default function ProfilePage() {
  return (
    <>
      <div className="min-h-screen">
        <div className="mx-auto max-w-[1500px] space-y-6">
          <h1 className="text-xl lg:text-2xl font-medium text-brand-950">Profile</h1>
          <div className="rounded-xl bg-white p-6 shadow-theme-md space-y-6">
            <div className="p-5 border border-gray-200 rounded-lg lg:p-6">
              <UserMetaCard />
              <UserInfoCard />
            </div>

            <div className="p-5 border border-gray-200 rounded-lg lg:p-6">
              <UserSettingCard />
            </div>
          </div>
        </div>
      </div>
    </>
  );
}