import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import styled from 'styled-components';
export var Typography = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  color: ", ";\n\n  ", "\n"])), props => props.theme.palette[props.color || 'primary'], 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            ";
});
//# sourceMappingURL=index.js.map