"use strict";

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

exports.__esModule = true;
exports.Typography = void 0;

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject;

var Typography = _styledComponents["default"].p(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  color: ", ";\n\n  ", "\n"])), function (props) {
  return props.theme.palette[props.color || 'primary'];
}, function (props) {
  var variant = "" + props.variant || 'base';
  if (variant === '1') return "\n                font-size: 3.2rem;\n                line-height: 1.125;\n            ";
  if (variant === '2') return "\n                font-size: 2.8rem;\n                line-height: 1.428571;\n            ";
  if (variant === '3') return "\n                font-size: 2.4rem;\n                line-height: 1.6667;\n            ";
  if (variant === '4') return "\n                font-size: 20px;\n                line-height: 1.2;\n            ";
  if (variant === '5') return "\n                font-size: 1.6rem;\n                line-height: 1.5;\n            ";
  if (variant === '6') return "\n                font-size: 1.4rem;\n            ";
  if (variant === '7') return "\n                font-size: 1.2rem;\n            ";
  if (variant === 'base') return "\n                font-size: 1.6rem;\n            ";
});

exports.Typography = Typography;
//# sourceMappingURL=index.js.map