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

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

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

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

export default async function MyPagesLayout({
  breadcrumbs,
  children,
  params,
}: React.PropsWithChildren<MyPagesLayoutProps>) {
  return (
    <div
      className={`${firaMono.variable} ${firaSans.variable} ${styles.layout}`}
    >
      <Header lang={params.lang} />
      {breadcrumbs}
      <div className={styles.content}>
        <Sidebar lang={params.lang} />
        {children}
      </div>
    </div>
  )
}
