@primer/react-brand/esm/Breadcrumbs/Breadcrumbs.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../node_modules/clsx/dist/clsx.js";
import { Text as t } from "../Text/Text.js";
import { InlineLink as n } from "../InlineLink/InlineLink.js";
import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-DYugDcQy.css';/* empty css                                                                                                         */
import r from "./Breadcrumbs.module.js";
import { forwardRef as i } from "react";
import { jsx as a } from "react/jsx-runtime";
//#region src/Breadcrumbs/Breadcrumbs.tsx
var o = ["default", "accent"], s = i(({ className: t, children: n, variant: i = "default", ...o }, s) => /* @__PURE__ */ a("nav", {
	ref: s,
	className: e(r.Breadcrumbs, r[`Breadcrumbs--${i}`]),
	"aria-label": "Breadcrumbs",
	...o,
	children: /* @__PURE__ */ a("ol", {
		className: e(r.Breadcrumbs__list),
		children: n
	})
})), c = i(({ className: i, children: o, href: s, selected: c, ...l }, u) => /* @__PURE__ */ a("li", {
	className: r.Breadcrumbs__item,
	children: c ? /* @__PURE__ */ a(t, {
		size: "100",
		variant: "muted",
		className: e(r.Breadcrumbs__link, r["Breadcrumbs__link--selected"], i),
		"aria-current": "page",
		...l,
		children: o
	}) : /* @__PURE__ */ a(n, {
		href: s,
		ref: u,
		className: e(r.Breadcrumbs__link, i),
		...l,
		children: o
	})
})), l = Object.assign(s, { Item: c });
//#endregion
export { o as BreadcrumbVariants, l as Breadcrumbs };

//# sourceMappingURL=Breadcrumbs.js.map