"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Heading = void 0;

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

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

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

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

var _styles = _interopRequireDefault(require("./styles"));

var __jsx = _react["default"].createElement;

var Heading = function Heading(props, ref) {
  var _props$kind = props.kind,
      kind = _props$kind === void 0 ? 'h4' : _props$kind,
      rest = (0, _objectWithoutProperties2["default"])(props, ["kind"]);
  var headingStyle = (0, _styles["default"])({
    kind: kind
  });
  return __jsx(_Box.Box, (0, _extends2["default"])({
    as: kind
  }, headingStyle, rest));
};

exports.Heading = Heading;
//# sourceMappingURL=Heading.js.map