import { firaMono, firaSans } from "@/app/[lang]/(live)/fonts"

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

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

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

export default function MyPagesLayout({
  children,
  params,
}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
  return (
    <section
      className={`${firaMono.variable} ${firaSans.variable} ${styles.page}`}
    >
      <Header lang={params.lang} />
      <section className={styles.content}>
        <Sidebar />
        <main>{children}</main>
      </section>
    </section>
  )
}