polestar-icons/lib/Example/FontIcon.js

Polestar UI Icons

"use strict";

require("core-js/modules/es.array.map");

require("core-js/modules/es.function.name");

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

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

var _polestarIcons = _interopRequireDefault(require("polestar-icons"));

var _polestar = _interopRequireDefault(require("./polestar.json"));

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

var FontIcon = function FontIcon() {
  return _react.default.createElement("div", null, _react.default.createElement("h2", {
    className: "__ps-font-icon-title__"
  }, "Font Icons"), _react.default.createElement("div", {
    className: "__ps_font-icon-list__",
    style: {
      display: 'flex',
      flexWrap: 'wrap',
      justifyContent: 'space-around'
    }
  }, _polestar.default.icons.map(function (icon) {
    return _react.default.createElement("span", {
      key: icon.name,
      className: "__ps_font-icon__",
      style: {
        display: 'flex',
        alignItems: 'center',
        flexBasis: 250,
        height: 50,
        paddingLeft: 10
      }
    }, _react.default.createElement(_polestarIcons.default, {
      name: icon.name,
      color: "rgba(0,0,0,1)"
    }), _react.default.createElement("span", {
      style: {
        color: 'grey',
        marginLeft: 15
      }
    }, icon.name));
  })));
};

var _default = FontIcon;
exports.default = _default;