import Breadcrumb from "../../../../../../src/components/Breadcrumbs/Breadcrumb";
import type { Metadata } from "next";
import ProfilePageDetails from "./_components/ProfilePageDetails";

export const metadata: Metadata = {
  title: "Profile Page",
};

export default function SettingsPage() {
  return (
    <div className="mx-auto w-full max-w-[1200px]">
      <Breadcrumb pageName="Profile" />

      <div className="grid grid-cols-1 gap-8">
        <div className="col-span-1">
          <ProfilePageDetails />
        </div>
      </div>
    </div>
  );
};