@patternplate/client/lib/app/components/common/icon.js

Universal javascript client application for patternplate

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _components = require("@patternplate/components");

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

const SIZES = {
  s: 15,
  m: 30,
  l: 50
};
var _default = Icon;
exports.default = _default;

function Icon(props) {
  return _react.default.createElement(StyledIcon, {
    className: props.className,
    size: props.size
  }, _react.default.createElement("use", {
    xlinkHref: `#${props.symbol || "placeholder"}`
  }));
}

Icon.defaultProps = {
  size: "m",
  symbol: "placeholder"
};

const StyledIcon = _components.styled.svg.withConfig({
  displayName: "icon__StyledIcon"
})(["display:flex;width:", "px;height:", "px;justify-content:center;align-items:center;"], props => SIZES[props.size], props => SIZES[props.size]);
//# sourceMappingURL=icon.js.map