require('./IconRoot_1oipl65.css');
'use strict';

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

var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
var React = require('react');
var react = require('@linaria/react');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

var _excluded = ["icon", "size", "color", "className", "sizeCustomProperty", "sizeCustomValue"];
var sizeMap = {
  xxs: 1,
  // 16px
  xs: 1,
  // 16px
  s: 1.5,
  // 24px
  m: 2.25,
  // 36px
  l: 2.75,
  // 44px
  xl: 3.5,
  // 56px
  xxl: 6.25 // 100px
};
var _exp3 = function _exp3() {
  return function (_ref) {
    var w = _ref.w;
    return w;
  };
};
var StyledRoot = /*#__PURE__*/react.styled('div')({
  name: "StyledRoot",
  "class": "saiei96",
  propsAsIs: false,
  vars: {
    "saiei96-0": [/*#__PURE__*/_exp3()]
  }
});
var IconRoot = function IconRoot(_ref2) {
  var IconComponent = _ref2.icon,
    size = _ref2.size,
    color = _ref2.color,
    className = _ref2.className,
    sizeCustomProperty = _ref2.sizeCustomProperty,
    sizeCustomValue = _ref2.sizeCustomValue,
    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
  var c = color || 'var(--text-primary)';
  var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ", ").concat(sizeMap[size], "rem)") : sizeCustomValue || "".concat(sizeMap[size], "rem");
  return /*#__PURE__*/React__default.default.createElement(StyledRoot, _rollupPluginBabelHelpers.extends({
    "aria-hidden": true,
    w: w,
    className: className
  }, rest), /*#__PURE__*/React__default.default.createElement(IconComponent, {
    color: c,
    size: size
  }));
};

exports.IconRoot = IconRoot;
