"use strict";

exports.__esModule = true;
exports.default = exports.Wrapper = exports.IconBlock = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Icon = _interopRequireDefault(require("./Icon"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
  displayName: "Spritesheet__Wrapper",
  componentId: "sc-1hlkslc-0"
})(["display:flex;flex-wrap:wrap;justify-content:space-around;overflow-y:auto;height:100%;"]);
var IconBlock = exports.IconBlock = _styledComponents.default.div.withConfig({
  displayName: "Spritesheet__IconBlock",
  componentId: "sc-1hlkslc-1"
})(["flex:0 0 30%;border:1px solid #999;margin:5px;padding:5px 10px;font-size:24px;"]);
var arrify = function arrify(thing) {
  return [].slice.call(thing);
};
var SpriteSheet = function SpriteSheet() {
  var iconIds = arrify(document.querySelectorAll('symbol[id^="icon-"]')).map(function (elm) {
    return elm.id.replace(/^icon-/, "");
  });
  return /*#__PURE__*/_react.default.createElement(Wrapper, null, iconIds.map(function (id) {
    return /*#__PURE__*/_react.default.createElement(IconBlock, {
      key: id
    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
      id: id
    }), " ", id);
  }));
};
var _default = SpriteSheet;
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(IconBlock, "IconBlock", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(arrify, "arrify", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(SpriteSheet, "SpriteSheet", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Spritesheet.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(IconBlock, "IconBlock", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(arrify, "arrify", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(SpriteSheet, "SpriteSheet", "/home/vsts/work/1/s/src/components/Spritesheet.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Spritesheet.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();