pouncejs
Version:
A collection of UI components from Panther labs
33 lines (25 loc) • 1.13 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = exports.Article = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireDefault(require("react"));
var _Section = _interopRequireDefault(require("../Section"));
/**
* Increases the heading level of all `Heading` components inside it by 1.
*
* **NOTE**: this component is functionally the same as `<Section />`, but semantically
* it renders an `<article>` tag instead of a `<section>` tag.
*/
var Article = function Article(_ref) {
var _ref$as = _ref.as,
as = _ref$as === void 0 ? 'article' : _ref$as,
rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as"]);
return /*#__PURE__*/_react.default.createElement(_Section.default, (0, _extends2.default)({
as: as
}, rest));
};
exports.Article = Article;
var _default = Article;
exports.default = _default;