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

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

export default function ProfileLayout({
  children,
  communication,
  creditCards,
  profile,
}: React.PropsWithChildren<ProfileLayoutProps>) {
  return (
    <main>
      {children}
      <section className="profile-layout">
        {profile}
        <Divider color="burgundy" opacity={8} />
        {creditCards}
        {/* TODO: Implement communication preferences flow. Hidden until decided on where to send user. */}
        {/* {communication} */}
      </section>
    </main>
  )
}