@kiwicom/orbit-components/lib/Tile/components/TileWrapper/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";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
const TileWrapper = ({
  href,
  external,
  dataTest,
  onClick,
  onKeyDown,
  children,
  as,
  tabIndex,
  role,
  ariaExpanded,
  ariaControls,
  id,
  htmlTitle
}) => {
  const WrapperComponent = as ?? "div";
  return /*#__PURE__*/React.createElement(WrapperComponent, {
    className: "orbit-tile-wrapper [&_.orbit-tile-header-icon-right]:hover:text-ink-light-hover font-base text-ink-dark shadow-level1 duration-fast hover:shadow-level2 rounded-300 bg-white-normal box-border block w-full no-underline transition-shadow ease-in-out",
    "data-test": dataTest,
    onClick: onClick,
    onKeyDown: onKeyDown,
    as: as,
    tabIndex: tabIndex,
    role: role,
    "aria-expanded": ariaExpanded,
    "aria-controls": ariaControls,
    id: id
  }, href ? /*#__PURE__*/React.createElement("a", {
    className: "text-ink-dark focus:outline-blue-normal focus:[&_.orbit-tile-header-icon-right]:text-ink-light-hover link:text-ink-dark link:font-medium visited:text-ink-dark block size-full no-underline outline-none visited:font-medium focus:outline-2",
    target: href && external ? "_blank" : undefined,
    rel: href && external ? "noopener noreferrer" : undefined,
    href: href || undefined,
    title: htmlTitle
  }, children) : children);
};
var _default = exports.default = TileWrapper;