@mskcc/carbon-react/lib/components/MskHeader/next/HeaderName.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

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

var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
var React = require('react');
var PropTypes = require('prop-types');
var cx = require('classnames');
var MskIcon = require('../../Icon/MskIcon.js');

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

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

var _Icon;
function HeaderName(_ref) {
  let {
    as: LinkComponent = 'a',
    linkProps = {},
    logoSrc,
    children,
    className
  } = _ref;
  const fallbackImg = 'https://cdn.jsdelivr.net/npm/@mskcc/fundamentals@latest/dist/logo/assets/logo-arrow-sans-medium-navy.svg';
  const containerClassName = cx__default["default"]('msk-header-product', className);
  const defaultProps = typeof LinkComponent === 'string' && LinkComponent === 'a' ? {
    href: '/'
  } : {};
  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: containerClassName
  }, /*#__PURE__*/React__default["default"].createElement(LinkComponent, _rollupPluginBabelHelpers["extends"]({}, defaultProps, linkProps, {
    className: cx__default["default"]('msk-header-product-link', linkProps.className)
  }), /*#__PURE__*/React__default["default"].createElement("span", {
    className: "msk-header--product-logo-container"
  }, logoSrc ? /*#__PURE__*/React__default["default"].createElement("img", {
    alt: "msk header",
    className: "msk-header-product-logo",
    src: logoSrc || fallbackImg
  }) : _Icon || (_Icon = /*#__PURE__*/React__default["default"].createElement(MskIcon.Icon, {
    icon: "msk",
    className: "msk-header--product-logo"
  }))), /*#__PURE__*/React__default["default"].createElement("span", {
    className: "msk-header-product-name"
  }, children)));
}
HeaderName.displayName = 'HeaderName';
HeaderName.propTypes = {
  as: PropTypes__default["default"].elementType,
  children: PropTypes__default["default"].node,
  className: PropTypes__default["default"].string,
  linkProps: PropTypes__default["default"].object,
  logoSrc: PropTypes__default["default"].string
};

exports.HeaderName = HeaderName;