import MaxWidth from "@/components/MaxWidth"

import type { ProfileLayoutProps } from "@/types/components/myPages/myProfile/layout"

export default function ProfileLayout({
  children,
  communication,
  creditCards,
  edit,
  membershipCard,
  password,
  profile,
  view,
  wishes,
}: React.PropsWithChildren<ProfileLayoutProps>) {
  return (
    <MaxWidth className="profile-page" tag="main">
      <div className="profile-btns">
        {edit}
        {view}
      </div>
      {profile}
      {children}
      <section className="profile-cards">
        {communication}
        {wishes}
        {membershipCard}
        {creditCards}
        {password}
      </section>
    </MaxWidth>
  )
}