import Sidebar from "@/components/MyPages/Sidebar"

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

import { LangParams, LayoutArgs } from "@/types/params"

export default async function MyPagesLayout({
  breadcrumbs,
  children,
  params,
}: React.PropsWithChildren<LayoutArgs<LangParams>> & {
  breadcrumbs: React.ReactNode
}) {
  return (
    <section className={styles.layout}>
      {breadcrumbs}
      <section className={styles.content}>
        <Sidebar lang={params.lang} />
        {children}
      </section>
    </section>
  )
}