@talend/react-components/lib/SubHeaderBar/TitleSubHeader/SubTitle.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SubTitle = SubTitle;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Skeleton = _interopRequireDefault(require("../../Skeleton"));
var _theme = require("../../theme");
var _TooltipTrigger = _interopRequireDefault(require("../../TooltipTrigger"));
var _TitleSubHeaderModule = _interopRequireDefault(require("./TitleSubHeader.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const theme = (0, _theme.getTheme)(_TitleSubHeaderModule.default);
function DefaultSubTitle({
  subTitle,
  subTitleProps
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipTrigger.default, {
    label: subTitle,
    tooltipPlacement: "bottom",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
      className: theme('tc-subheader-details-text-subtitle'),
      ...subTitleProps,
      children: subTitle
    })
  });
}
DefaultSubTitle.propTypes = {
  subTitle: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string]),
  subTitleProps: _propTypes.default.object
};
function SubTitle({
  subTitleLoading,
  subTitle,
  subTitleAs: SubTitleAs = DefaultSubTitle,
  ...rest
}) {
  if (subTitleLoading) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
      className: theme('tc-subheader-details-loading-subtitle'),
      type: _Skeleton.default.TYPES.text,
      size: _Skeleton.default.SIZES.large
    });
  }
  if (subTitle) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SubTitleAs, {
      subTitle: subTitle,
      ...rest
    });
  }
  return null;
}
SubTitle.propTypes = {
  subTitle: _propTypes.default.node,
  subTitleLoading: _propTypes.default.bool,
  subTitleAs: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func])
};
//# sourceMappingURL=SubTitle.component.js.map