import MaxWidth from "@/components/MaxWidth"

import styles from "./layout.module.css"

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

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