hh-ui-components
Version:
18 lines • 976 B
JavaScript
import React from "react";
import classNames from "classnames";
export var Breadcrumb = function (_a) {
var label = _a.label, href = _a.href, _b = _a.variants, variants = _b === void 0 ? "collection" : _b, className = _a.className, _c = _a.color, color = _c === void 0 ? "black" : _c;
var classes = classNames({
"": true,
"text-black text-base lg:text-2xl 2xl:text-[1.667vw] ": variants === "collection",
"text-body-small md:text-body-small-md lg:text-body-small-lg 2xl:text-body-small-2xl": variants === "product",
"text-subdued": color === "black",
"text-white": color === "white"
});
return (React.createElement("div", { className: "text-subdued capitalize ".concat(classes, " ").concat(className, " ") },
React.createElement("a", { href: "/collections/".concat(href) }, label),
" ", "/",
" ",
React.createElement("a", { href: "" }, label)));
};
//# sourceMappingURL=Breadcrumb.js.map