var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled, { css } from 'styled-components';
import { variantMixin } from './Typography.mixin';
var Typography = styled.div(function (_ref) {
  var _ref$theme = _ref.theme,
    palette = _ref$theme.palette,
    font = _ref$theme.typography.font,
    variant = _ref.variant,
    $fontVariant = _ref.$fontVariant,
    $colorVariant = _ref.$colorVariant,
    $noWrap = _ref.$noWrap;
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n\n    ", "\n  "])), variant && variantMixin[variant], $fontVariant && font[$fontVariant], $colorVariant && palette[$colorVariant] ? "color: ".concat(palette[$colorVariant], ";") : '', $noWrap && "\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n    ");
});
var Styled = {
  Typography: Typography
};
export default Styled;