import Link from "@/components/TempDesignSystem/Link"

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

export default function BreadcrumbsWithLink({
  children,
  href,
}: React.PropsWithChildren<{ href: string }>) {
  return (
    <li className={styles.listItem}>
      <Link className={styles.link} href={href}>
        {children}
      </Link>
      <span aria-hidden="true">/</span>
    </li>
  )
}