@multiplay/ui/dist/atoms/typography/h1/index.js

UI kit for Unity and Multiplay applications

'use strict';

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

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _fluidType = require('../../../helpers/fluidType');

var _fluidType2 = _interopRequireDefault(_fluidType);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var H1 = _styledComponents2.default.h1.withConfig({
  displayName: 'h1__H1',
  componentId: 'sc-9sn2o5-0'
})(['width:100%;color:', ';text-align:', ';margin:', ';padding:', ';', ''], function (_ref) {
  var color = _ref.color,
      theme = _ref.theme;
  return color || theme.headingFont;
}, function (_ref2) {
  var align = _ref2.align;
  return align;
}, function (_ref3) {
  var margin = _ref3.margin;
  return margin;
}, function (_ref4) {
  var padding = _ref4.padding;
  return padding;
}, function (_ref5) {
  var fontSize = _ref5.fontSize,
      lineHeight = _ref5.lineHeight,
      minFont = _ref5.minFont,
      maxFont = _ref5.maxFont,
      minLine = _ref5.minLine,
      maxLine = _ref5.maxLine;

  if (fontSize === '' && lineHeight === '') {
    return '' + (0, _fluidType2.default)({ fontSize: [minFont, maxFont], lineHeight: [minLine, maxLine] });
  }
  return '\n      font-size: ' + fontSize + ';\n      line-height: ' + lineHeight + ';\n    ';
});

H1.propTypes = {
  color: _propTypes2.default.string,
  align: _propTypes2.default.string,
  fontSize: _propTypes2.default.string,
  lineHeight: _propTypes2.default.string,
  margin: _propTypes2.default.string,
  padding: _propTypes2.default.string,
  minFont: _propTypes2.default.number,
  minLine: _propTypes2.default.number,
  maxFont: _propTypes2.default.number,
  maxLine: _propTypes2.default.number
};

H1.defaultProps = {
  color: '',
  align: 'left',
  fontSize: '',
  lineHeight: '',
  margin: '30px 0 10px',
  padding: '0',
  minFont: 40,
  maxFont: 60,
  minLine: 42,
  maxLine: 67
};

H1.displayName = 'H1';

exports.default = H1;