@catho/quantum/List/sub-components/Header.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 Title = _styledComponents["default"].span.withConfig({
  displayName: "Header__Title",
  componentId: "sc-e8ruju-0"
})(["", ""], function (_ref) {
  var xxsmall = _ref.theme.spacing.xxsmall;
  return "\n  margin: ".concat(xxsmall, "px 0;\n");
});
Title.displayName = 'Header';
var Header = function Header(_ref2) {
  var children = _ref2.children,
    _ref2$theme = _ref2.theme,
    theme = _ref2$theme === void 0 ? {
      spacing: _theme.spacing
    } : _ref2$theme;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, {
    theme: theme,
    children: children
  });
};
Header.propTypes = {
  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
  theme: _propTypes["default"].shape({
    spacing: _propTypes["default"].object
  })
};
Header.displayName = 'List.Header';
var _default = exports["default"] = Header;