@codeworker.br/govbr-tw-react/dist/components/Breadcrumb/index.js

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import breadcrumbVariants from "./variants";
import iconBreadcrumbVariants from "./icon-variants";
import itemBreadcrumbVariants from "./item-variants";
import React from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faChevronRight } from "@fortawesome/free-solid-svg-icons";
import BASE_CLASSNAMES from "../../config/baseClassNames";
import { cn } from "../../libs/utils";
import { v4 as uuidv4 } from "uuid";
const Breadcrumb = (_a) => {
    var { className, children, variant = "default" } = _a, props = __rest(_a, ["className", "children", "variant"]);
    const navItems = React.Children.toArray(children);
    return (_jsx("nav", Object.assign({ className: cn(breadcrumbVariants({ variant }), className, BASE_CLASSNAMES.breadcrumb.root) }, props, { children: navItems.map((navItem, index) => {
            return (_jsxs("span", { children: [_jsx("span", { className: cn(itemBreadcrumbVariants({ variant }), index === navItems.length - 1 ? "font-semibold" : ""), children: navItem }), index < navItems.length - 1 ? (_jsx("span", { className: "mx-3", children: _jsx(FontAwesomeIcon, { icon: faChevronRight, className: cn(iconBreadcrumbVariants({ variant })) }) })) : ("")] }, uuidv4()));
        }) })));
};
export default Breadcrumb;