es-grid-template/es/grid-component/hooks/content/HeaderContent.js

es-grid-template

import React, { Fragment } from "react";
import classnames from "classnames";
import { getTemplate } from "../utils";
const HeaderContent = props => {
  const {
    t,
    id
  } = props;
  const {
    headerTooltip,
    headerText,
    columnGroupText,
    headerTemplate
  } = props.column ?? {};
  const text = React.useMemo(() => {
    return columnGroupText ?? headerText;
  }, [columnGroupText, headerText]);
  const tooltip = React.useMemo(() => {
    return headerTooltip ?? t ? t(columnGroupText ?? headerText) : columnGroupText ?? headerText;
  }, [columnGroupText, headerText, headerTooltip, t]);
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: classnames('', {}),
    "data-tooltip-id": `${id}-tooltip-header`,
    "data-tooltip-content": tooltip,
    "data-tooltip-offset": 16
  }, headerTemplate ? getTemplate(headerTemplate) : t ? t(text) : text));
};
export default HeaderContent;