bbm-component-library-test/dist/Icon/styles.js

React based component library for all BBM web applications

"use strict";

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

var _templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n\n  ", ";\n\n  ", ";\n"], ["\n  display: inline-flex;\n\n  ", ";\n\n  ", ";\n"]),
    _templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "]),
    _templateObject3 = _taggedTemplateLiteral(["\n      svg {\n        width: ", ";\n        height: ", ";\n      }\n    "], ["\n      svg {\n        width: ", ";\n        height: ", ";\n      }\n    "]);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _index = require("../Common/styles/tools/index");

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Span = exports.Span = _styledComponents2.default.span(_templateObject, function (_ref) {
  var color = _ref.color;
  return color && (0, _styledComponents.css)(_templateObject2, color);
}, function (_ref2) {
  var width = _ref2.width,
      height = _ref2.height;
  return width && height && (0, _styledComponents.css)(_templateObject3, (0, _index.rem)(width), (0, _index.rem)(height));
});