@kiwicom/orbit-components/lib/SkipLink/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _keyMaps = _interopRequireDefault(require("../common/keyMaps"));
const SkipLink = ({
  links,
  buttonLabel,
  dataTest,
  id
}) => {
  return /*#__PURE__*/React.createElement("nav", {
    "aria-label": buttonLabel,
    "data-test": dataTest,
    id: id
  }, links && links.map(({
    href,
    name,
    onClick
  }, index) => {
    return /*#__PURE__*/React.createElement("a", {
      className: "orbit-skip-link ltr:left-400 rtl:right-400 top-400 p-400 bg-white-normal z-onTop font-base text-large rounded-100 text-ink-dark absolute underline [&:not(:focus)]:sr-only",
      key: encodeURIComponent(name + index),
      href: href,
      tabIndex: onClick && 0,
      role: href ? "link" : "button",
      onClick: onClick,
      onKeyDown: ev => {
        if (ev.keyCode === _keyMaps.default.ENTER && onClick) {
          onClick(ev);
        }
      }
    }, name);
  }));
};
var _default = exports.default = SkipLink;