@catho/quantum/List/sub-components/SubHeader.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = require("../../shared/theme");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Description = _styledComponents["default"].span.withConfig({
  displayName: "SubHeader__Description",
  componentId: "sc-gatzne-0"
})(["", " font-size:", "px;"], {
  theme: {
    baseFontSize: _theme.baseFontSize
  }
}, _theme.baseFontSize * 0.75);
Description.displayName = 'SubHeader';
var SubHeader = function SubHeader(_ref) {
  var children = _ref.children,
    _ref$theme = _ref.theme,
    theme = _ref$theme === void 0 ? {
      baseFontSize: _theme.baseFontSize
    } : _ref$theme;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
    theme: theme,
    children: children
  });
};
SubHeader.propTypes = {
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
  theme: _propTypes["default"].shape({
    baseFontSize: _propTypes["default"].number
  })
};
SubHeader.displayName = 'List.SubHeader';
var _default = exports["default"] = SubHeader;