import ClientBreadcrumbs from "./Client"
import Link from "@/components/TempDesignSystem/Link"

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

import type { BreadcrumbsProps } from "@/types/components/myPages/breadcrumbs"

export default function Breadcrumbs({ breadcrumbs, lang }: BreadcrumbsProps) {
  return (
    <nav className={styles.breadcrumbs}>
      <ul className={styles.list}>
        <li className={styles.listItem}>
          <Link className={styles.link} href="#">
            Home
          </Link>
        </li>
        <ClientBreadcrumbs breadcrumbs={breadcrumbs} lang={lang} />
      </ul>
    </nav>
  )
}