"use strict";

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Headline = function Headline(_ref) {
  var children = _ref.children,
      className = _ref.className,
      level = _ref.level,
      variant = _ref.variant;
  var HeadlineElement = "h".concat(level);
  return /*#__PURE__*/_react["default"].createElement(HeadlineElement, {
    className: (0, _classnames["default"])(className, variant)
  }, children);
};

Headline.propTypes = {
  className: _propTypes["default"].string,
  children: _propTypes["default"].any.isRequired,
  level: _propTypes["default"].oneOf([1, 2, 3, 4, 5, 6]),
  variant: _propTypes["default"].oneOf(['display-xx-large', 'display-x-large', 'display-large', 'display-medium', 'display-small', 'display-x-small', 'large', 'body', 'tiny', 'display-xx-large--soft', 'display-x-large--soft', 'display-large--soft', 'display-medium--soft', 'display-small--soft', 'display-x-small--soft'])
};
Headline.defaultProps = {
  className: null,
  level: 1,
  variant: null
};
var _default = Headline;
exports["default"] = _default;