alchemy-tech-ui/dist/components/Icon.js

react component library for alchemy apps

'use strict';

var React = require('react');
var Menu = require('./icons/Menu.js');
var Expand = require('./icons/Expand.js');
var Collapse = require('./icons/Collapse.js');
var CommandLine = require('./icons/CommandLine.js');
var Play = require('./icons/Play.js');
var Pause = require('./icons/Pause.js');
var Profile = require('./icons/Profile.js');
var Close = require('./icons/Close.js');
var Phone = require('./icons/Phone.js');
var Email = require('./icons/Email.js');
var Document = require('./icons/Document.js');
var Edit = require('./icons/Edit.js');

var icons = {
  Menu: Menu,
  Expand: Expand,
  Collapse: Collapse,
  CommandLine: CommandLine,
  Play: Play,
  Pause: Pause,
  Profile: Profile,
  Close: Close,
  Phone: Phone,
  Email: Email,
  Document: Document,
  Edit: Edit
};
var sizes = {
  sm: "12px",
  md: "24px",
  lg: "32px",
  xl: "48px"
};
function Icon(_a) {
  var type = _a.type, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.color, color = _c === void 0 ? "black" : _c;
  var SelectedIcon = icons[type];
  if (!SelectedIcon) {
    console.warn("icon with type ".concat(type, " not found"));
    return React.createElement("div", null, type);
  }
  return React.createElement(
    "div",
    { style: {
      width: sizes[size],
      height: sizes[size],
      color: color
    } },
    React.createElement(SelectedIcon, null)
  );
}

module.exports = Icon;