@kiwicom/orbit-components/lib/Tile/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 _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _TileHeader = _interopRequireDefault(require("./components/TileHeader"));

var _TileContent = _interopRequireDefault(require("./components/TileContent"));

var _TileExpandable = _interopRequireDefault(require("./components/TileExpandable"));

var _TileWrapper = _interopRequireDefault(require("./components/TileWrapper"));

var _handleKeyDown = _interopRequireDefault(require("../utils/handleKeyDown"));

const Tile = ({
  href,
  external = false,
  dataTest,
  icon,
  title,
  description,
  header,
  children,
  noPadding = false,
  expandable = false,
  initialExpanded = false,
  noHeaderIcon = false,
  htmlTitle,
  onClick,
  as
}) => {
  if (expandable) {
    return /*#__PURE__*/React.createElement(_TileExpandable.default, {
      dataTest: dataTest,
      icon: icon,
      title: title,
      description: description,
      header: header,
      noPadding: noPadding,
      initialExpanded: initialExpanded,
      onClick: onClick,
      htmlTitle: htmlTitle
    }, children);
  }

  const hasHeader = !!(title || description || icon || header);
  return /*#__PURE__*/React.createElement(_TileWrapper.default, {
    href: href,
    external: external,
    dataTest: dataTest,
    onClick: onClick,
    onKeyDown: (0, _handleKeyDown.default)(onClick),
    as: as,
    tabIndex: !href ? "0" : undefined,
    role: onClick ? "button" : undefined,
    htmlTitle: htmlTitle
  }, hasHeader && /*#__PURE__*/React.createElement(_TileHeader.default, {
    title: title,
    description: description,
    icon: icon,
    external: external,
    header: header,
    expandable: expandable,
    noHeaderIcon: noHeaderIcon
  }), children && /*#__PURE__*/React.createElement(_TileContent.default, {
    noPadding: noPadding,
    withPointer: true,
    withBorder: hasHeader,
    useMargins: false
  }, children));
};

var _default = Tile;
exports.default = _default;