@fremtind/jkl-core
Version:
Jøkul core styles
92 lines (91 loc) • 2.46 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
import cn from "classnames";
import React from "react";
const NavLink = React.forwardRef(function NavLink2(props, ref) {
const _a = props, {
active = false,
back = false,
className,
children,
as = "a"
} = _a, rest = __objRest(_a, [
"active",
"back",
"className",
"children",
"as"
]);
const Component = as;
return /* @__PURE__ */ React.createElement(
Component,
__spreadValues({
ref,
className: cn(
"jkl-nav-link",
{
"jkl-nav-link--active": active,
"jkl-nav-link--back": back
},
className
)
}, rest),
back && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
"span",
{
"aria-hidden": true,
ref,
className: cn(
"jkl-icon",
"jkl-icon--small",
"jkl-nav-link__icon"
)
},
"\uE5C4"
)),
children,
!back && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
"span",
{
"aria-hidden": true,
ref,
className: cn(
"jkl-icon",
"jkl-icon--small",
"jkl-nav-link__icon"
)
},
"\uE5C8"
))
);
});
export {
NavLink
};
//# sourceMappingURL=NavLink.js.map