import Divider from "@/components/TempDesignSystem/Divider"

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

export default function ProfileLayout({
  children,
  communication,
  creditCards,
  membershipCards,
  profile,
}: React.PropsWithChildren<ProfileLayoutProps>) {
  return (
    <main>
      {children}
      <section className="profile-layout">
        {profile}
        {creditCards}
        {membershipCards}
        <Divider color="burgundy" opacity={8} />
        {communication}
      </section>
    </main>
  )
}
