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

Cleartrip - pwa component library

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

var ResultsHeader = function ResultsHeader(_ref) {
  var children = _ref.children,
      className = _ref.className,
      size = _ref.size,
      color = _ref.color;
  var classList = classNames(className, size === 'large' ? 'fs-13' : 'fs-12', color === 'dark' ? 'c-black-80' : 'c-black-50', 'fw-400', 'pl-16', 'ta-c');
  return /*#__PURE__*/React.createElement("p", {
    className: classList
  }, children);
};

ResultsHeader.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string,
  size: PropTypes.oneOf(['large', 'small']),
  color: PropTypes.oneOf(['dark', 'light'])
};
ResultsHeader.defaultProps = {
  children: null,
  className: '',
  size: 'small',
  color: 'light'
};
ResultsHeader.displayName = 'ResultsHeader';
export default ResultsHeader;