@mskcc/carbon-react/lib/components/MskTile/MskTile.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var cx = require('classnames');
var React = require('react');
var PropTypes = require('prop-types');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);

const MskTile = _ref => {
  let {
    children,
    className,
    clickable,
    handleClick,
    kind = 'default',
    target = '_self',
    url = '#'
  } = _ref;
  const tileClasses = cx__default["default"](className, 'msk-tile', {
    'msk-tile-default': kind === 'default',
    'msk-tile-outline': kind === 'outline',
    'msk-tile-ghost': kind === 'ghost',
    'msk-tile-clickable': clickable
  });
  const tileLink = /*#__PURE__*/React__default["default"].createElement("a", {
    href: url,
    className: tileClasses,
    target: target
  }, children);
  const tileButton = /*#__PURE__*/React__default["default"].createElement("button", {
    type: "button",
    className: tileClasses,
    onClick: handleClick
  }, children);
  const tileDefault = /*#__PURE__*/React__default["default"].createElement("div", {
    className: tileClasses
  }, children);
  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: "msk-tile-wrapper"
  }, !clickable && tileDefault, clickable === 'link' && tileLink, clickable === 'button' && tileButton);
};
MskTile.displayName = 'Footer';
MskTile.propTypes = {
  children: PropTypes__default["default"].node,
  /**
   * Add custom class
   * */
  className: PropTypes__default["default"].string,
  clickable: PropTypes__default["default"].oneOf(['link', 'button']),
  handleClick: PropTypes__default["default"].func,
  kind: PropTypes__default["default"].oneOf(['default', 'outline', 'ghost']),
  target: PropTypes__default["default"].string,
  url: PropTypes__default["default"].string
};

exports.MskTile = MskTile;