pouncejs/dist/cjs/components/Section/Section.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.Section = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

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

var _Box = _interopRequireDefault(require("../Box"));

var _Heading = require("../Heading");

var _Heading2 = require("../Heading/Heading");

/**
 * Increases the heading level of all `Heading` components inside it by 1.
 */
var Section = function Section(_ref) {
  var children = _ref.children,
      _ref$as = _ref.as,
      as = _ref$as === void 0 ? 'section' : _ref$as,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children", "as"]);

  var level = _react.default.useContext(_Heading.HeadingLevelContext);

  return /*#__PURE__*/_react.default.createElement(_Heading.HeadingLevelContext.Provider, {
    value: level ? level + 1 : _Heading2.DEFAULT_HEADING_LEVEL
  }, /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({}, rest, {
    as: as
  }), children));
};

exports.Section = Section;
var _default = Section;
exports.default = _default;