terra-clinical-data-grid/lib/terra-dev-site/doc/clinical-data-grid/DatagridExamples.2/CustomHeaderCellLayout.js

An organizational component that renders a collection of data in a grid-like format.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _CustomHeaderCellLayout = _interopRequireDefault(require("./CustomHeaderCellLayout.scss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cx = _bind.default.bind(_CustomHeaderCellLayout.default);
var propTypes = {
  primaryText: _propTypes.default.string,
  secondaryText: _propTypes.default.string
};
var CustomHeaderCellLayout = function CustomHeaderCellLayout(_ref) {
  var primaryText = _ref.primaryText,
    secondaryText = _ref.secondaryText;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: cx('custom-header-cell')
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('primary')
  }, primaryText), /*#__PURE__*/_react.default.createElement("div", {
    className: cx('secondary')
  }, secondaryText));
};
CustomHeaderCellLayout.propTypes = propTypes;
var _default = exports.default = CustomHeaderCellLayout;