webpackJsonp([2],{456:function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}function i(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function o(t,n){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?t:n}function l(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(t,n):t.__proto__=n)}Object.defineProperty(n,"__esModule",{value:!0});var d=function(){function t(t,n){for(var e=0;e<n.length;e++){var a=n[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(n,e,a){return e&&t(n.prototype,e),a&&t(n,a),n}}(),r=function(t,n){return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(n)}}))}(["\n      padding: 10px 0px;\n      tbody {\n        tr {\n          display: inline-table;\n          width:33.33%;\n          cursor: pointer;\n          transition:0.15s;\n          position: relative;\n          border-bottom: 1px solid rgba(0,0,0,0.1);\n          &:active{\n          background: #f7f7f7;}\n          @media screen and (max-width: 900px) {\n            width: 50%;\n            max-width: 50%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n          @media screen and (max-width: 568px) {\n            width: 100%;\n            max-width: 100%;\n          }\n          &:hover .cs-copy{\n            display: block;\n          }\n          &:active .cs-copy{\n            color: #484848;\n          }\n          td {\n\n             line-height: 16px;\n              white-space: nowrap;\n              overflow: hidden;\n              padding: 5px;\n               -webkit-touch-callout: none;\n              -webkit-user-select: none;\n              -khtml-user-select: none;\n              -moz-user-select: none;\n              -ms-user-select: none;\n              user-select: none;\n              font-size: 13px;\n              text-overflow: ellipsis;\n              color: #484848;\n              @media screen and (max-width: 568px) {\n              font-size: 13px;\n            }\n            .cs-copy{\n                  font-size: 15px;\n                  color: #999;\n                  display: none;\n                  position: absolute;\n                  right: 10px;\n                  top: 10px;\n            }\n            i {\n              font-size: 19px;\n              text-rendering: auto;\n              -webkit-font-smoothing: antialiased;\n              }\n            }\n          }\n        }\n      }\n"],["\n      padding: 10px 0px;\n      tbody {\n        tr {\n          display: inline-table;\n          width:33.33%;\n          cursor: pointer;\n          transition:0.15s;\n          position: relative;\n          border-bottom: 1px solid rgba(0,0,0,0.1);\n          &:active{\n          background: #f7f7f7;}\n          @media screen and (max-width: 900px) {\n            width: 50%;\n            max-width: 50%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          }\n          @media screen and (max-width: 568px) {\n            width: 100%;\n            max-width: 100%;\n          }\n          &:hover .cs-copy{\n            display: block;\n          }\n          &:active .cs-copy{\n            color: #484848;\n          }\n          td {\n\n             line-height: 16px;\n              white-space: nowrap;\n              overflow: hidden;\n              padding: 5px;\n               -webkit-touch-callout: none;\n              -webkit-user-select: none;\n              -khtml-user-select: none;\n              -moz-user-select: none;\n              -ms-user-select: none;\n              user-select: none;\n              font-size: 13px;\n              text-overflow: ellipsis;\n              color: #484848;\n              @media screen and (max-width: 568px) {\n              font-size: 13px;\n            }\n            .cs-copy{\n                  font-size: 15px;\n                  color: #999;\n                  display: none;\n                  position: absolute;\n                  right: 10px;\n                  top: 10px;\n            }\n            i {\n              font-size: 19px;\n              text-rendering: auto;\n              -webkit-font-smoothing: antialiased;\n              }\n            }\n          }\n        }\n      }\n"]),p=e(5),c=a(p),s=(e(78),e(169)),u=a(s),m=e(460),f=a(m),x=e(461),g=a(x),h=e(36),b=a(h),y=b.default.table(r),w=function(t){function n(t){i(this,n);var e=o(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.state={icons:{data:u.default}},e.copyCode=e.copyCode.bind(e),e}return l(n,t),d(n,[{key:"componentDidMount",value:function(){window.scrollTo(0,0)}},{key:"copyCode",value:function(t){document.querySelector("input."+t).select(),document.execCommand("copy")}},{key:"render",value:function(){var t=this,n=c.default.createElement("tr",null,c.default.createElement("td",null),c.default.createElement("td",null)),e=c.default.createElement("tr",null,c.default.createElement("td",null),c.default.createElement("td",null)),a=c.default.createElement("tr",null,c.default.createElement("td",null),c.default.createElement("td",null));return null!==this.state.icons.data&&(n=this.state.icons.data.map(function(n,e){if("REGULAR"===n.type_of_icon)return c.default.createElement("tr",{onClick:function(){t.copyCode(n.name)},key:n.id},c.default.createElement("td",{width:"24"},c.default.createElement("i",{className:"bx bx-"+n.name})),c.default.createElement("td",null,n.name,c.default.createElement("input",{className:n.name+" hidden",onChange:function(){},type:"text",value:n.name}),c.default.createElement("i",{className:"bx bx-copy cs-copy"})))}),e=this.state.icons.data.map(function(n,e){if("SOLID"===n.type_of_icon)return c.default.createElement("tr",{onClick:function(){t.copyCode(n.name)},key:n.id},c.default.createElement("td",{width:"24"},c.default.createElement("i",{className:"bx bxs-"+n.name})),c.default.createElement("td",null,n.name,c.default.createElement("input",{className:n.name+" hidden",onChange:function(){},type:"text",value:n.name}),c.default.createElement("i",{className:"bx bx-copy cs-copy"})))}),a=this.state.icons.data.map(function(n,e){if("LOGO"===n.type_of_icon)return c.default.createElement("tr",{onClick:function(){t.copyCode(n.name)},key:n.id},c.default.createElement("td",{width:"24"},c.default.createElement("i",{className:"bx bxl-"+n.name})),c.default.createElement("td",null,n.name,c.default.createElement("input",{className:n.name+" hidden",onChange:function(){},type:"text",value:n.name}),c.default.createElement("i",{className:"bx bx-copy cs-copy"})))})),c.default.createElement(f.default,null,c.default.createElement("div",{className:"page-cont"},c.default.createElement("div",{className:"page-cont-in"},c.default.createElement("div",{className:"page-head"},c.default.createElement("div",{className:"page-head-in"},c.default.createElement("h1",null,"Cheatsheet"),c.default.createElement("p",null,"Copy paste the name of any of ",null!==this.state.icons.data&&this.state.icons.data.length," icons"))),c.default.createElement("div",{className:"page-body"},c.default.createElement("div",{className:"page-body-in"},c.default.createElement(g.default,null,c.default.createElement("div",{className:"docs-sidebar"},c.default.createElement("ul",{className:"docs-sidebar-list"},c.default.createElement("li",null,c.default.createElement("a",{href:"#regular"},"Regular Icons")),c.default.createElement("li",null,c.default.createElement("a",{href:"#solid"},"Solid Icons")),c.default.createElement("li",null,c.default.createElement("a",{href:"#logos"},"Logos")))),c.default.createElement("div",{className:"docs-content"},c.default.createElement("h3",{id:"regular",className:"cs"},"Regular Icons"),c.default.createElement(y,null,c.default.createElement("thead",null,c.default.createElement("tr",null,c.default.createElement("th",null),c.default.createElement("th",null))),c.default.createElement("tbody",null,n)),c.default.createElement("h3",{id:"solid",className:"cs"},"Solid Icons"),c.default.createElement(y,null,c.default.createElement("thead",null,c.default.createElement("tr",null,c.default.createElement("th",null),c.default.createElement("th",null))),c.default.createElement("tbody",null,e)),c.default.createElement("h3",{id:"logos",className:"cs"},"Logos"),c.default.createElement(y,null,c.default.createElement("thead",null,c.default.createElement("tr",null,c.default.createElement("th",null),c.default.createElement("th",null))),c.default.createElement("tbody",null,a)))))))))}}]),n}(p.Component);n.default=w},460:function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0});var i=function(t,n){return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(n)}}))}(['\n         background: #fff;\n         .page-body{\n         \th4 {\n\t\t\t  font-size: 21px;\n\t\t\t  font-weight: 400;\n\t\t\t  margin-bottom: 0px;\n\t\t\t  color: #484848;\n\t\t\t  margin-top: 15px;\n\t\t\t  &:before {\n\t\t\t    display: block;\n\t\t\t    height: 6rem;\n\t\t\t    margin-top: -6rem;\n\t\t\t    visibility: hidden;\n\t\t\t    content: "";\n\t\t\t  }\n\t\t\t}\n\t\t\th3 {\n\t\t\t    font-size: 27px;\n\t\t\t    color:#484848;\n\t\t\t    margin-bottom: 0px;\n\t\t\t    margin-top: 25px;\n\t\t\t    &:before {\n\t\t\t      display: block;\n\t\t\t      height: 6rem;\n\t\t\t      margin-top: -6rem;\n\t\t\t      visibility: hidden;\n\t\t\t      content: "";\n\t\t\t    }\n\t\t\t  }\n\t\t\tdiv {\n\t\t\t  font-size: 15px;\n\t\t\t  margin-top: 15px;margin-bottom: 40px;\n\t\t\t  color: #999;\n\t\t\t}\n\t\t\tpre {\n\t\t\t    white-space: pre-line;\n\t\t\t    margin: 0px;\n\t\t\t}\n\t\t\tmax-width: 960px;\n\t\t    margin: 0px auto;\n\t\t    margin-top: 0;\n\t\t    padding-bottom: 100px;\n\t\t    @media screen and (max-width: 568px) {\n\t\t\t\tdiv {\n\t\t\t      font-size: 14px;\n\t\t\t    }\n\t\t\t    h3 {\n\t\t\t      font-size: 21px;\n\t\t\t    }\n\t\t    }\n\t\t    .page-body-in{\n\t\t    \t@media screen and (max-width: 900px) {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t    \t}\n\t\t    \tcode.hljs {\n\t\t\t\t    padding: 1.4em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t    border-top-left-radius: 0px;\n\t\t\t\t    border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t  color: #d81b60;\n\t\t\t\t  background: #f7f7f7;\n\t\t\t\t  padding: 1px 5px!important;\n\t\t\t\t  font-size: 12px;\n\t\t\t\t  display: inline-flex!important;\n\t\t\t\t  border-radius: 5px;\n\t\t\t\t  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;\n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t  padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t  padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t    margin-bottom: 2px;\n\t\t\t\t    display: inline-block;\n\t\t\t\t}\n\t\t    }\n\n         }\n         .page-head {\n\t\t\t  p {\n\t\t\t    font-size: 19px;\n\t\t\t    padding: 0px 40px;\n\t\t\t    color: #999;\n\t\t\t    margin-top: 0px;\n\t\t\t  }\n\t\t\t  padding: 50px 0px;\n\t\t\t  background: #f7f7f7;\n\t\t\t  background-image: url(',");\n\t\t\t  background-size:100%; \n\t\t\t  h1 {\n\t\t\t    font-size: 40px;\n\t\t\t    color: #484848;\n\t\t\t    margin-bottom: 10px;\n\t\t\t    margin-top: 0;\n\t\t\t    text-align: left;\n\t\t\t    padding: 0px 40px;\n\t\t\t  }\n\t\t\t  .page-head-in {\n\t\t\t\t  max-width: 960px;\n\t\t\t\t  margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\th1, p {\n\t\t\t\t      padding: 0px;\n\t\t\t\t    }\n\t\t\t\t    .page-head-in {\n\t\t\t\t\t   padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t    font-size: 40px;\n\t\t\t\t\t  }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 568px) {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t      font-size: 27px;\n\t\t\t\t      line-height: 1.1;\n\t\t\t\t    }\n\t\t\t\t    p {\n\t\t\t\t      font-size: 16px;\n\t\t\t\t    }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 360px) {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t    p {\n\t\t\t\t      font-size: 15px;\n\t\t\t\t    }\n\t\t\t\t}\n\t\t}  \n         @media screen and (max-width: 900px) {\n         \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n         } \n        "],['\n         background: #fff;\n         .page-body{\n         \th4 {\n\t\t\t  font-size: 21px;\n\t\t\t  font-weight: 400;\n\t\t\t  margin-bottom: 0px;\n\t\t\t  color: #484848;\n\t\t\t  margin-top: 15px;\n\t\t\t  &:before {\n\t\t\t    display: block;\n\t\t\t    height: 6rem;\n\t\t\t    margin-top: -6rem;\n\t\t\t    visibility: hidden;\n\t\t\t    content: "";\n\t\t\t  }\n\t\t\t}\n\t\t\th3 {\n\t\t\t    font-size: 27px;\n\t\t\t    color:#484848;\n\t\t\t    margin-bottom: 0px;\n\t\t\t    margin-top: 25px;\n\t\t\t    &:before {\n\t\t\t      display: block;\n\t\t\t      height: 6rem;\n\t\t\t      margin-top: -6rem;\n\t\t\t      visibility: hidden;\n\t\t\t      content: "";\n\t\t\t    }\n\t\t\t  }\n\t\t\tdiv {\n\t\t\t  font-size: 15px;\n\t\t\t  margin-top: 15px;margin-bottom: 40px;\n\t\t\t  color: #999;\n\t\t\t}\n\t\t\tpre {\n\t\t\t    white-space: pre-line;\n\t\t\t    margin: 0px;\n\t\t\t}\n\t\t\tmax-width: 960px;\n\t\t    margin: 0px auto;\n\t\t    margin-top: 0;\n\t\t    padding-bottom: 100px;\n\t\t    @media screen and (max-width: 568px) {\n\t\t\t\tdiv {\n\t\t\t      font-size: 14px;\n\t\t\t    }\n\t\t\t    h3 {\n\t\t\t      font-size: 21px;\n\t\t\t    }\n\t\t    }\n\t\t    .page-body-in{\n\t\t    \t@media screen and (max-width: 900px) {\n\t\t\t\t\tmargin-top: 0px!important;\n\t\t    \t}\n\t\t    \tcode.hljs {\n\t\t\t\t    padding: 1.4em;\n\t\t\t\t}\n\t\t\t\tcode.display {\n\t\t\t\t    border-top-left-radius: 0px;\n\t\t\t\t    border-top-right-radius: 0px;\n\t\t\t\t}\n\t\t\t\tcode.side {\n\t\t\t\t  color: #d81b60;\n\t\t\t\t  background: #f7f7f7;\n\t\t\t\t  padding: 1px 5px!important;\n\t\t\t\t  font-size: 12px;\n\t\t\t\t  display: inline-flex!important;\n\t\t\t\t  border-radius: 5px;\n\t\t\t\t  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;\n\t\t\t\t}\n\t\t\t\t.tab {\n\t\t\t\t\t  padding-left: 15px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.tab-2 {\n\t\t\t\t\t  padding-left: 30px;\n\t\t\t\t\t}\n\t\t\t\tspan.hljs-tag {\n\t\t\t\t    margin-bottom: 2px;\n\t\t\t\t    display: inline-block;\n\t\t\t\t}\n\t\t    }\n\n         }\n         .page-head {\n\t\t\t  p {\n\t\t\t    font-size: 19px;\n\t\t\t    padding: 0px 40px;\n\t\t\t    color: #999;\n\t\t\t    margin-top: 0px;\n\t\t\t  }\n\t\t\t  padding: 50px 0px;\n\t\t\t  background: #f7f7f7;\n\t\t\t  background-image: url(',");\n\t\t\t  background-size:100%; \n\t\t\t  h1 {\n\t\t\t    font-size: 40px;\n\t\t\t    color: #484848;\n\t\t\t    margin-bottom: 10px;\n\t\t\t    margin-top: 0;\n\t\t\t    text-align: left;\n\t\t\t    padding: 0px 40px;\n\t\t\t  }\n\t\t\t  .page-head-in {\n\t\t\t\t  max-width: 960px;\n\t\t\t\t  margin: 0 auto;\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\t\tbackground-size: 200%;\n\t\t\t\t\th1, p {\n\t\t\t\t      padding: 0px;\n\t\t\t\t    }\n\t\t\t\t    .page-head-in {\n\t\t\t\t\t   padding: 0px 20px;\n\t\t\t\t\t}\n\t\t\t\t\th1 {\n\t\t\t\t\t    font-size: 40px;\n\t\t\t\t\t  }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 568px) {\n\t\t\t\t\tbackground-size: 300%;\n\t\t\t\t\th1 {\n\t\t\t\t      font-size: 27px;\n\t\t\t\t      line-height: 1.1;\n\t\t\t\t    }\n\t\t\t\t    p {\n\t\t\t\t      font-size: 16px;\n\t\t\t\t    }\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 360px) {\n\t\t\t\t\tbackground-size: 400%;\n\t\t\t\t\t\n\t\t\t\t    p {\n\t\t\t\t      font-size: 15px;\n\t\t\t\t    }\n\t\t\t\t}\n\t\t}  \n         @media screen and (max-width: 900px) {\n         \t.page-cont-in {\n\t\t\t\tpadding: 0px;\n\t\t\t}\n         } \n        "]),o=e(36),l=a(o),d=e(168),r=a(d),p=l.default.div(i,r.default);n.default=p},461:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=function(t,n){return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(n)}}))}(["\n    \t\t display: flex;\n    \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: 900px) {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t   padding: 1px 10px;\n\t\t\t\t\t   a {\n\t\t\t\t\t  color: #999;\n\t\t\t\t\t  font-size: 14px;\n\t\t\t\t\t  &:hover {\n\t\t\t\t\t    color: #484848;\n\t\t\t\t\t  \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t  list-style: none;\n\t\t\t\t\t  padding: 5px;\n\t\t\t\t\t  margin: 5px 10px;\n\t\t\t\t\t  margin-right: 0px;\n\t\t\t\t\t  padding-right: 0px;\n\t\t\t\t\t  border-left: 1px solid #ebebeb;\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t    position: sticky;\n\t\t\t\t    box-sizing: border-box;\n\t\t\t\t    top: 90px;\n\t\t\t\t    list-style: none;\n\t\t\t\t    padding: 0;\n\t\t\t\t    margin: 30px;\n\t\t\t\t    padding-left: 20px;\n\t\t\t\t    border-right: 1px solid rgba(0,0,0,0.1);\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding-left: 20px;\n\t\t\t\t @media screen and (max-width: 900px) {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n        "],["\n    \t\t display: flex;\n    \t\t .docs-sidebar {\n\t\t\t\tflex: 1;\n\t\t\t\t order: 1;\n\t\t\t\t @media screen and (max-width: 900px) {\n\t\t\t\t \tdisplay:none;\n\t\t\t\t }\n\t\t\t\t .docs-sidebar-list{\n\t\t\t\t \tli {\n\t\t\t\t\t   padding: 1px 10px;\n\t\t\t\t\t   a {\n\t\t\t\t\t  color: #999;\n\t\t\t\t\t  font-size: 14px;\n\t\t\t\t\t  &:hover {\n\t\t\t\t\t    color: #484848;\n\t\t\t\t\t  \t\t}\n\t\t\t\t\t\t}\n\t\t\t\t \t}\n\t\t\t\t \tul {\n\t\t\t\t\t  list-style: none;\n\t\t\t\t\t  padding: 5px;\n\t\t\t\t\t  margin: 5px 10px;\n\t\t\t\t\t  margin-right: 0px;\n\t\t\t\t\t  padding-right: 0px;\n\t\t\t\t\t  border-left: 1px solid #ebebeb;\n\t\t\t\t\t}\n\t\t\t\t\tposition: -webkit-sticky;\n\t\t\t\t    position: sticky;\n\t\t\t\t    box-sizing: border-box;\n\t\t\t\t    top: 90px;\n\t\t\t\t    list-style: none;\n\t\t\t\t    padding: 0;\n\t\t\t\t    margin: 30px;\n\t\t\t\t    padding-left: 20px;\n\t\t\t\t    border-right: 1px solid rgba(0,0,0,0.1);\n\n\t\t\t\t }\n\t\t\t}\n\n\t\t\t.docs-content {\n\t\t\t\t overflow: hidden;\n\t\t\t\tflex: 2;\n\t\t\t\torder: 2;\n\t\t\t\tpadding-left: 20px;\n\t\t\t\t @media screen and (max-width: 900px) {\n\t\t\t\t \tpadding: 20px;\n\t\t\t\t }\n\t\t\t}\n        "]),i=e(36),o=function(t){return t&&t.__esModule?t:{default:t}}(i),l=o.default.div(a);n.default=l}});
//# sourceMappingURL=2.bundle.js.map