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

Cleartrip - pwa component library

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';

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 = classnames(className, "p-sticky-t flex flex-between pt-".concat(marginTop, " pb-5 pl-16 pr-16"));
  var classes = classnames(className, "flex flex-between mt-".concat(marginTop, " mb-5 pl-16 pr-16"));
  return /*#__PURE__*/React.createElement("div", {
    className: enabelSticky ? stickyClasses : classes
  }, /*#__PURE__*/React.createElement("p", {
    className: "fs-13 tt-u fw-500 c-black-50"
  }, children), /*#__PURE__*/React.createElement(If, {
    condition: subheader
  }, /*#__PURE__*/React.createElement("span", {
    className: classnames('fs-14 fw-400 c-black-50', className),
    onClick: onClick
  }, subheader)));
};

SectionHeader.propTypes = {
  children: PropTypes.node,
  subheader: PropTypes.string,
  className: PropTypes.string,
  marginTop: PropTypes.number,
  onClick: PropTypes.func,
  enabelSticky: PropTypes.bool
};
SectionHeader.defaultProps = {
  children: null,
  subheader: '',
  className: '',
  marginTop: 30,
  onClick: function onClick() {},
  enabelSticky: false
};
SectionHeader.displayName = 'SectionHeader';
export default SectionHeader;