// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
import type { ComponentProps } from "react";
export function Breadcrumb({
  className = "",
  ...props
}: ComponentProps<"nav">) {
  return (
    <nav
      aria-label="Breadcrumb"
      className={`ynr-breadcrumb ${className}`}
      {...props}
    />
  );
}
export function BreadcrumbList({
  className = "",
  ...props
}: ComponentProps<"ol">) {
  return <ol className={`ynr-breadcrumb-list ${className}`} {...props} />;
}
export function BreadcrumbItem({
  className = "",
  ...props
}: ComponentProps<"li">) {
  return <li className={`ynr-breadcrumb-item ${className}`} {...props} />;
}
export function BreadcrumbLink({
  className = "",
  ...props
}: ComponentProps<"a">) {
  return <a className={`ynr-breadcrumb-link ${className}`} {...props} />;
}
export function BreadcrumbPage({
  className = "",
  ...props
}: ComponentProps<"span">) {
  return (
    <span
      aria-current="page"
      className={`ynr-breadcrumb-page ${className}`}
      {...props}
    />
  );
}
export function BreadcrumbSeparator({
  children = "/",
  className = "",
  ...props
}: ComponentProps<"li">) {
  return (
    <li
      {...props}
      role="presentation"
      aria-hidden="true"
      className={`ynr-breadcrumb-separator ${className}`}
    >
      {children}
    </li>
  );
}