import { jsx, jsxs } from 'react/jsx-runtime';
import { useTranslation } from 'react-i18next';
import { c as cn } from '../utils-BJnb9o5c.js';
import { E as Ellipsis } from '../ellipsis-lb8Ws6br.js';
import { C as ChevronRight } from '../chevron-right-DQnrO-ek.js';
import { S as Slot } from '../index-CfriMyrd.js';
import '../createLucideIcon-C8ycilSN.js';
import 'react';
import '../index-BtkPdosV.js';

function Breadcrumb$1({ className, ...props }) {
  const { t } = useTranslation();
  return /* @__PURE__ */ jsx(
    "nav",
    {
      "aria-label": t("neetoatoms.breadcrumb.breadcrumb", "breadcrumb"),
      "data-slot": "breadcrumb",
      className: cn(className),
      ...props
    }
  );
}
function BreadcrumbList$1({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "ol",
    {
      "data-slot": "breadcrumb-list",
      className: cn(
        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",
        className
      ),
      ...props
    }
  );
}
function BreadcrumbItem$1({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "li",
    {
      "data-slot": "breadcrumb-item",
      className: cn("inline-flex items-center gap-1", className),
      ...props
    }
  );
}
function BreadcrumbLink$1({
  asChild,
  className,
  ...props
}) {
  const Comp = asChild ? Slot : "a";
  return /* @__PURE__ */ jsx(
    Comp,
    {
      "data-slot": "breadcrumb-link",
      className: cn("transition-colors hover:text-foreground", className),
      ...props
    }
  );
}
function BreadcrumbPage$1({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "span",
    {
      "data-slot": "breadcrumb-page",
      role: "link",
      "aria-disabled": "true",
      "aria-current": "page",
      className: cn("font-normal text-foreground", className),
      ...props
    }
  );
}
function BreadcrumbSeparator$1({
  children,
  className,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    "li",
    {
      "data-slot": "breadcrumb-separator",
      role: "presentation",
      "aria-hidden": "true",
      className: cn("[&>svg]:size-3.5", className),
      ...props,
      children: children ?? /* @__PURE__ */ jsx(ChevronRight, { className: "rtl:rotate-180" })
    }
  );
}
function BreadcrumbEllipsis$1({
  className,
  ...props
}) {
  const { t } = useTranslation();
  return /* @__PURE__ */ jsxs(
    "span",
    {
      "data-slot": "breadcrumb-ellipsis",
      role: "presentation",
      "aria-hidden": "true",
      className: cn(
        "flex size-5 items-center justify-center [&>svg]:size-4",
        className
      ),
      ...props,
      children: [
        /* @__PURE__ */ jsx(
          Ellipsis,
          {}
        ),
        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("neetoatoms.breadcrumb.more", "More") })
      ]
    }
  );
}

const Breadcrumb = (props) => /* @__PURE__ */ jsx(Breadcrumb$1, { ...props });
const BreadcrumbList = (props) => /* @__PURE__ */ jsx(BreadcrumbList$1, { ...props });
const BreadcrumbItem = (props) => /* @__PURE__ */ jsx(BreadcrumbItem$1, { ...props });
const BreadcrumbLink = (props) => /* @__PURE__ */ jsx(BreadcrumbLink$1, { ...props });
const BreadcrumbPage = (props) => /* @__PURE__ */ jsx(BreadcrumbPage$1, { ...props });
const BreadcrumbSeparator = (props) => /* @__PURE__ */ jsx(BreadcrumbSeparator$1, { ...props });
const BreadcrumbEllipsis = (props) => /* @__PURE__ */ jsx(BreadcrumbEllipsis$1, { ...props });

export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
//# sourceMappingURL=Breadcrumb.js.map
