@cleartrip/bento-mobile/Text/SectionHeader.js

Cleartrip - pwa component library

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var SectionHeader = function SectionHeader(_ref) {
  var children = _ref.children,
      subheader = _ref.subheader,
      marginTop = _ref.marginTop,
      onClick = _ref.onClick,
      className = _ref.className,
      enabelSticky = _ref.enabelSticky;
  var stickyClasses = (0, _classnames["default"])(className, "p-sticky-t flex flex-between pt-" + marginTop + " pb-5 pl-16 pr-16");
  var classes = (0, _classnames["default"])(className, "flex flex-between mt-" + marginTop + " mb-5 pl-16 pr-16");
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: enabelSticky ? stickyClasses : classes
  }, /*#__PURE__*/_react["default"].createElement("p", {
    className: "fs-13 tt-u fw-500 c-black-50"
  }, children), /*#__PURE__*/_react["default"].createElement(If, {
    condition: subheader
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: (0, _classnames["default"])('fs-14 fw-400 c-black-50', className),
    onClick: onClick
  }, subheader)));
};

SectionHeader.propTypes = {
  children: _propTypes["default"].node,
  subheader: _propTypes["default"].string,
  className: _propTypes["default"].string,
  marginTop: _propTypes["default"].number,
  onClick: _propTypes["default"].func,
  enabelSticky: _propTypes["default"].bool
};
SectionHeader.defaultProps = {
  children: null,
  subheader: '',
  className: '',
  marginTop: 30,
  onClick: function onClick() {},
  enabelSticky: false
};
SectionHeader.displayName = 'SectionHeader';
var _default = SectionHeader;
exports["default"] = _default;