@grandlinex/react-components
Version:
17 lines (16 loc) • 1.13 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Breadcrumbs = Breadcrumbs;
const react_1 = __importDefault(require("react"));
const react_icons_1 = require("@grandlinex/react-icons");
const util_1 = require("../../../util");
function Breadcrumbs({ items, onClick, iconSize, }) {
return (react_1.default.createElement("div", { className: "glx-default-text glx-flex-r glx-flex-g-4" }, items.map((e, index) => (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { key: e.key, className: (0, util_1.cnx)([!!e.active, 'glx-underline glx-pointer']), onClick: e.active ? () => onClick?.(e) : undefined }, e.name),
' ',
index < items.length - 1 ? (react_1.default.createElement("div", { key: `${e.key}_arrow`, className: "glx-flex glx-flex-r glx-flex-center glx-h-full" },
react_1.default.createElement(react_icons_1.IOChevronForward, { size: iconSize }))) : null)))));
}