@ntragas/pouncejstest/dist/cjs/components/Heading/Heading.js

A collection of UI components from Panther labs

"use strict";

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

exports.__esModule = true;
exports.default = exports.Heading = 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 _useHeadingStyles = _interopRequireDefault(require("./useHeadingStyles"));

/**
 * Responsive typographic component. Anywhere you want to add a title to something
 * then you can use this
 * */
var Heading = /*#__PURE__*/_react.default.forwardRef(function Heading(_ref, ref) {
  var _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'medium' : _ref$size,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["size"]);
  var styles = (0, _useHeadingStyles.default)({
    size
  });
  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    as: "h1",
    ref: ref,
    fontWeight: "normal"
  }, styles, rest));
});

exports.Heading = Heading;
var _default = Heading;
exports.default = _default;