"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const renderProps_1 = require("../renderProps");

const styled_1 = require("./styled"); // returning breed based on the breedType


function fromBreedToComponent(breedType) {
  switch (breedType) {
    case 'h1':
      return styled_1.H1;

    case 'h2':
      return styled_1.H2;

    case 'h3':
      return styled_1.H3;

    case 'h4':
      return styled_1.H4;

    case 'h5':
      return styled_1.H5;

    case 'h6':
      return styled_1.H6;

    default:
      return styled_1.H1;
  }
}

class Heading extends react_1.default.PureComponent {
  render() {
    const _a = this.props,
          {
      breedType,
      content,
      renderWrapper
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["breedType", "content", "renderWrapper"]);

    const Component = fromBreedToComponent(breedType);
    const componentView = react_1.default.createElement(Component, Object.assign({}, remainingProps), content);
    return renderWrapper(componentView);
  }

}

Heading.defaultProps = {
  breedType: 'h6',
  content: 'Hey, I am Heading!',
  color: 'black',
  caseType: 'inherit',
  fontSize: '',
  renderWrapper: renderProps_1.renderWrapper
};
exports.Heading = Heading;
exports.default = Heading; //# sourceMappingURL=Heading.js.map