text: /*
   * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
   * This devtool is neither made for production nor for readable output files.
   * It uses "eval()" calls to create a separate source file in the browser devtools.
   * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
   * or disable the default devtool with "devtool: false".
   * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
   */
  (self["webpackChunklogo_maker_plugin"] = self["webpackChunklogo_maker_plugin"] || []).push([["src_Showcase_tsx"],{
  
  /***/ "./node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@5.2.0_postcss@8.2.10+webpack@5.30.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@11.0.1_sass@1.32.8+webpack@5.30.0/node_modules/sass-loader/dist/cjs.js!./src/assets/styles/Showcase/showcase.scss":
  /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@5.2.0_postcss@8.2.10+webpack@5.30.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@11.0.1_sass@1.32.8+webpack@5.30.0/node_modules/sass-loader/dist/cjs.js!./src/assets/styles/Showcase/showcase.scss ***!
    \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".logo-showcase.logo-maker-container {\\n  max-width: 1470px;\\n  margin: 15px auto;\\n  font-family: \\\"Noto Sans\\\", sans-serif;\\n}\\n@media (max-width: 1440px) {\\n  .logo-showcase.logo-maker-container {\\n    max-width: 90%;\\n  }\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase.logo-maker-container {\\n    max-width: 100%;\\n    margin: 15px 15px;\\n  }\\n}\\n@media (max-width: 350px) {\\n  .logo-showcase.logo-maker-container {\\n    max-width: 100%;\\n    margin: 15px 3px;\\n  }\\n}\\n.logo-showcase .top-section {\\n  position: relative;\\n  text-align: center;\\n}\\n.logo-showcase .top-section .back {\\n  display: inline-block;\\n  position: absolute;\\n  left: 0;\\n  visibility: visible;\\n}\\n.logo-showcase .top-section .back a {\\n  display: -webkit-inline-box;\\n  display: -webkit-inline-flex;\\n  display: -ms-inline-flexbox;\\n  display: inline-flex;\\n  -webkit-box-align: center;\\n  -webkit-align-items: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  text-decoration: none;\\n}\\n.logo-showcase .top-section .back a p {\\n  color: #585858;\\n  text-transform: uppercase;\\n  font-size: 14px;\\n  font-weight: 600;\\n  margin-left: 13px;\\n  padding-bottom: 0px;\\n  margin-bottom: 0px;\\n  margin-top: 0px;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .top-section .back {\\n    visibility: hidden;\\n  }\\n}\\n.logo-showcase .top-section .logo-holder {\\n  display: -webkit-inline-box;\\n  display: -webkit-inline-flex;\\n  display: -ms-inline-flexbox;\\n  display: inline-flex;\\n}\\n.logo-showcase .top-section .logo-holder img {\\n  max-width: 134px;\\n  max-height: 44px;\\n}\\n.logo-showcase .top-section .logo-holder a {\\n  max-height: 44px;\\n}\\n.logo-showcase .top-section .logo-holder .logo-maker-name {\\n  margin-top: 2.5px;\\n  height: 44px;\\n  line-height: 24.52px;\\n  display: inline-grid;\\n  -webkit-align-content: center;\\n      -ms-flex-line-pack: center;\\n          align-content: center;\\n  font-size: 18px;\\n  font-weight: 700;\\n  color: #FF7F66;\\n  margin: 1px 0 0 4px;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .top-section {\\n    text-align: left;\\n  }\\n}\\n.logo-showcase .content-section {\\n  margin-top: 115px;\\n}\\n.logo-showcase .content-section .titles {\\n  text-align: center;\\n}\\n.logo-showcase .content-section .titles h1 {\\n  color: #32456B;\\n  font-size: 36px;\\n  font-weight: 700;\\n  line-height: 49.03px;\\n  margin: 0 0 8px;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .content-section .titles h1 {\\n    line-height: 32.69px;\\n  }\\n}\\n.logo-showcase .content-section .titles p {\\n  color: #939393;\\n  font-size: 18px;\\n  font-weight: 500;\\n  line-height: 24.52px;\\n  margin: 0;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .content-section {\\n    margin-top: 60px;\\n  }\\n  .logo-showcase .content-section .titles {\\n    text-align: left;\\n  }\\n  .logo-showcase .content-section .titles h1 {\\n    font-size: 24px;\\n  }\\n  .logo-showcase .content-section .titles p {\\n    font-size: 16px;\\n    color: #393939;\\n  }\\n}\\n.logo-showcase .content-section .content {\\n  margin: 50px auto 100px;\\n  display: -webkit-box;\\n  display: -webkit-flex;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: vertical;\\n  -webkit-box-direction: normal;\\n  -webkit-flex-direction: column;\\n      -ms-flex-direction: column;\\n          flex-direction: column;\\n  -webkit-box-align: center;\\n  -webkit-align-items: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  -webkit-box-pack: center;\\n  -webkit-justify-content: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n}\\n.logo-showcase .content-section .content .logos-container {\\n  display: -webkit-box;\\n  display: -webkit-flex;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-flex-wrap: wrap;\\n      -ms-flex-wrap: wrap;\\n          flex-wrap: wrap;\\n  -webkit-box-pack: center;\\n  -webkit-justify-content: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  /* Safari */\\n}\\n.logo-showcase .content-section .content .logos-container .content-loader {\\n  border: 16px solid #f3f3f3;\\n  border-radius: 50%;\\n  border-top: 16px solid #3498db;\\n  border-bottom: 16px solid #3498db;\\n  width: 120px;\\n  height: 120px;\\n  -webkit-animation: spin 2s linear infinite;\\n  /* Safari */\\n  animation: spin 2s linear infinite;\\n}\\n@-webkit-keyframes spin {\\n  0% {\\n    -webkit-transform: rotate(0deg);\\n  }\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n  }\\n}\\n@keyframes spin {\\n  0% {\\n    -webkit-transform: rotate(0deg);\\n            transform: rotate(0deg);\\n  }\\n  100% {\\n    -webkit-transform: rotate(360deg);\\n            transform: rotate(360deg);\\n  }\\n}\\n.logo-showcase .content-section .content .logos-container .logo {\\n  padding: 0;\\n  margin: 10px;\\n  border: none;\\n  background: transparent;\\n  -webkit-transition: all 0.2s ease-in-out;\\n  transition: all 0.2s ease-in-out;\\n}\\n.logo-showcase .content-section .content .logos-container .logo .logo-svg {\\n  border-radius: 10px;\\n  border: 4px solid transparent;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .content-section .content .logos-container .logo .logo-svg {\\n    border-radius: 1.8px;\\n  }\\n}\\n.logo-showcase .content-section .content .logos-container .logo .logo-svg.active, .logo-showcase .content-section .content .logos-container .logo .logo-svg:hover {\\n  border-color: #43C2D1;\\n}\\n.logo-showcase .content-section .content .logos-container .logo:focus {\\n  outline: none;\\n}\\n.logo-showcase .content-section .content .logos-container .logo.active, .logo-showcase .content-section .content .logos-container .logo:hover {\\n  -webkit-transform: scale(1.03);\\n          transform: scale(1.03);\\n}\\n.logo-showcase .next {\\n  text-align: center;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  left: 0;\\n  background: #fff;\\n  padding: 25px 0;\\n  z-index: 100;\\n}\\n.logo-showcase .next a {\\n  color: #fff;\\n  background-color: #43C2D1;\\n  text-decoration: none;\\n  text-transform: uppercase;\\n  font-size: 14px;\\n  font-weight: 700;\\n  line-height: 36px;\\n  padding: 14px 80px;\\n  border-radius: 4px;\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .next a {\\n    display: block;\\n    padding: 7px;\\n  }\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .next {\\n    padding: 25px 30px;\\n  }\\n}\\n\\n@media (max-width: 811px) {\\n  .logo-showcase .content-section .content .logos-container .logo svg {\\n    max-width: 250px;\\n    height: auto;\\n  }\\n}\\n@media (max-width: 600px) {\\n  .logo-showcase .content-section .content {\\n    margin-top: 20px;\\n  }\\n  .logo-showcase .content-section .content .logos-container .logo {\\n    margin: 5px;\\n  }\\n  .logo-showcase .content-section .content .logos-container .logo svg {\\n    max-width: 200px;\\n    height: auto;\\n  }\\n}\\n@media (max-width: 480px) {\\n  .logo-showcase .content-section .content .logos-container .logo svg {\\n    max-width: 300px;\\n    height: auto;\\n  }\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://logo-maker-plugin/./src/assets/styles/Showcase/showcase.scss?./node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@5.2.0_postcss@8.2.10+webpack@5.30.0/node_modules/postcss-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B2%5D!./node_modules/.pnpm/sass-loader@11.0.1_sass@1.32.8+webpack@5.30.0/node_modules/sass-loader/dist/cjs.js");
  
  /***/ }),
  
  /***/ "./src/assets/styles/Showcase/showcase.scss":
  /*!**************************************************!*\
    !*** ./src/assets/styles/Showcase/showcase.scss ***!
    \**************************************************/
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_style_loader_2_0_0_webpack_5_30_0_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/.pnpm/style-loader@2.0.0_webpack@5.30.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/.pnpm/style-loader@2.0.0_webpack@5.30.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_pnpm_style_loader_2_0_0_webpack_5_30_0_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_style_loader_2_0_0_webpack_5_30_0_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_cjs_js_node_modules_pnpm_postcss_loader_5_2_0_postcss_8_2_10_webpack_5_30_0_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_node_modules_pnpm_sass_loader_11_0_1_sass_1_32_8_webpack_5_30_0_node_modules_sass_loader_dist_cjs_js_showcase_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !!../../../../node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/cjs.js!../../../../node_modules/.pnpm/postcss-loader@5.2.0_postcss@8.2.10+webpack@5.30.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/.pnpm/sass-loader@11.0.1_sass@1.32.8+webpack@5.30.0/node_modules/sass-loader/dist/cjs.js!./showcase.scss */ \"./node_modules/.pnpm/css-loader@5.2.0_webpack@5.30.0/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@5.2.0_postcss@8.2.10+webpack@5.30.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@11.0.1_sass@1.32.8+webpack@5.30.0/node_modules/sass-loader/dist/cjs.js!./src/assets/styles/Showcase/showcase.scss\");\n\n            \n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = _node_modules_pnpm_style_loader_2_0_0_webpack_5_30_0_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_cjs_js_node_modules_pnpm_postcss_loader_5_2_0_postcss_8_2_10_webpack_5_30_0_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_node_modules_pnpm_sass_loader_11_0_1_sass_1_32_8_webpack_5_30_0_node_modules_sass_loader_dist_cjs_js_showcase_scss__WEBPACK_IMPORTED_MODULE_1__.default, options);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_pnpm_css_loader_5_2_0_webpack_5_30_0_node_modules_css_loader_dist_cjs_js_node_modules_pnpm_postcss_loader_5_2_0_postcss_8_2_10_webpack_5_30_0_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_node_modules_pnpm_sass_loader_11_0_1_sass_1_32_8_webpack_5_30_0_node_modules_sass_loader_dist_cjs_js_showcase_scss__WEBPACK_IMPORTED_MODULE_1__.default.locals || {});\n\n//# sourceURL=webpack://logo-maker-plugin/./src/assets/styles/Showcase/showcase.scss?");
  
  /***/ }),
  
  /***/ "./src/Showcase.tsx":
  /*!**************************!*\
    !*** ./src/Showcase.tsx ***!
    \**************************/
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-router-dom */ \"./node_modules/.pnpm/react-router-dom@5.2.0_react@17.0.2/node_modules/react-router-dom/esm/react-router-dom.js\");\n/* harmony import */ var _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./assets/logos/index */ \"./src/assets/logos/index.ts\");\n/* harmony import */ var _components_CreateLogo__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/CreateLogo */ \"./src/components/CreateLogo.tsx\");\n/* harmony import */ var _stores_UIStore__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/UIStore */ \"./src/stores/UIStore.ts\");\n/* harmony import */ var _assets_fonts_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./assets/fonts/index */ \"./src/assets/fonts/index.ts\");\n/* harmony import */ var _components_ui_common_BackUI__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/ui/common/BackUI */ \"./src/components/ui/common/BackUI.tsx\");\n/* harmony import */ var _components_ui_common_ThemeisleUI__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/ui/common/ThemeisleUI */ \"./src/components/ui/common/ThemeisleUI.tsx\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ \"./node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _assets_colors__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./assets/colors */ \"./src/assets/colors/index.ts\");\n/* harmony import */ var _src_assets_styles_Showcase_showcase_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../src/assets/styles/Showcase/showcase.scss */ \"./src/assets/styles/Showcase/showcase.scss\");\n/* harmony import */ var react_ga__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-ga */ \"./node_modules/.pnpm/react-ga@3.3.0_react@17.0.2/node_modules/react-ga/dist/esm/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * This function will create another array based on the given length. If the lenght is greater that the lenght of the input array, it will repeats its values until reach the desired length. It also applis a filter function when generating the values. If the filter is not provided, the indentity function will be used as a provider.\n *\n * @param array The reference array\n * @param desiredLength The length of the returned array\n * @param filter A function for filtering unwanted elements from the given array\n * @returns An array with repeteated ( & filtered) values from the given array\n */\nfunction fillArrayWithRepeat(array, desiredLength, filter) {\n    const _array = [];\n    let index = 0;\n    if (filter === undefined) {\n        // if the filter is not defined, assign a function that will pass anything\n        filter = () => true;\n    }\n    while (_array.length < desiredLength) {\n        if (filter(array[index])) {\n            _array.push(array[index]);\n        }\n        if (index < array.length - 1) {\n            index++;\n        }\n        else {\n            index = 0;\n        }\n    }\n    return _array;\n}\n/**\n * This function will crate the main component for the Showcase page\n */\nconst Showcase = () => {\n    const store = _stores_UIStore__WEBPACK_IMPORTED_MODULE_3__.default.useState((s) => s);\n    const [option, setOption] = react__WEBPACK_IMPORTED_MODULE_0__.useState(0);\n    const [colors, setColors] = react__WEBPACK_IMPORTED_MODULE_0__.useState([]);\n    const [aligns, setAligns] = react__WEBPACK_IMPORTED_MODULE_0__.useState([]);\n    const [fontsList, setFontsList] = react__WEBPACK_IMPORTED_MODULE_0__.useState([]);\n    /**\n     * Create the templates\n     */\n    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {\n        var _a;\n        if ((_a = window.logomaker) === null || _a === void 0 ? void 0 : _a.googleAnalyticsCode) {\n            react_ga__WEBPACK_IMPORTED_MODULE_10__.default.pageview(window.location.pathname + window.location.hash + window.location.search);\n        }\n        setColors(fillArrayWithRepeat(_assets_colors__WEBPACK_IMPORTED_MODULE_8__.default, _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default.length, (x) => x !== \"#fff\"));\n        setFontsList(fillArrayWithRepeat(_assets_fonts_index__WEBPACK_IMPORTED_MODULE_4__.presets, _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default.length));\n        const generateAlignsOption = () => {\n            const list = [];\n            for (let i = 0; i < _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default.length; ++i) {\n                const option = Math.floor(Math.random() * 3 + 1);\n                switch (option) {\n                    case 1:\n                        list.push(\"align-left\");\n                        break;\n                    case 2:\n                        list.push(\"align-right\");\n                        break;\n                    case 3:\n                        list.push(\"align-top\");\n                        break;\n                }\n            }\n            return list;\n        };\n        setAligns(generateAlignsOption());\n    }, []);\n    /**\n     * Set the current values of the templet to the user interface store\n     *\n     * @param index The index of templet\n     */\n    const setTemplate = (index) => {\n        var _a;\n        if ((_a = window.logomaker) === null || _a === void 0 ? void 0 : _a.googleAnalyticsCode) {\n            react_ga__WEBPACK_IMPORTED_MODULE_10__.default.event({\n                category: \"Logo Maker Showcase\",\n                action: \"Logo Choosed\",\n                label: `Logo ID: ${_assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default[index].id}`,\n                value: 1,\n            });\n        }\n        _stores_UIStore__WEBPACK_IMPORTED_MODULE_3__.default.update((s) => {\n            s.logo.src = _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default[index];\n            s.container.style.color = colors[index];\n            s.container.align = aligns[index];\n            s.title.style.fontFamily = fontsList[index].title;\n            s.title.style.fontSize = 32;\n            s.slogan.style.fontFamily = fontsList[index].slogan;\n            s.slogan.style.fontSize = 16;\n        });\n    };\n    /**\n     * Render the template. Render a spiner, if the templates are not initialize\n     */\n    const renderLogoList = () => {\n        if (!colors.length && !fontsList.length && !aligns.length) {\n            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"content-loader\" });\n        }\n        const result = _assets_logos_index__WEBPACK_IMPORTED_MODULE_1__.default.map((logoSRC, index) => {\n            return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Link, { to: \"/creator\", className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(\"logo\"), key: logoSRC.id, onClick: () => {\n                    // e.preventDefault()\n                    setOption(index);\n                    setTemplate(index);\n                } },\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_CreateLogo__WEBPACK_IMPORTED_MODULE_2__.default, { className: \"logo-svg\", logoProps: {\n                        ...store,\n                        container: {\n                            ...store.container,\n                            width: 345,\n                            height: 281,\n                            align: aligns[index],\n                            viewbox: {\n                                x: 0,\n                                y: 0,\n                                width: 100,\n                                height: 100,\n                            },\n                            style: {\n                                color: colors[index],\n                            },\n                        },\n                        logo: {\n                            ...store.logo,\n                            src: logoSRC,\n                        },\n                        title: {\n                            ...store.title,\n                            style: {\n                                ...store.title.style,\n                                fontFamily: fontsList[index].title,\n                                fontSize: 32,\n                            },\n                        },\n                        slogan: {\n                            ...store.slogan,\n                            style: {\n                                ...store.slogan.style,\n                                fontFamily: fontsList[index].slogan,\n                                fontSize: 16,\n                            },\n                        },\n                    } })));\n        });\n        return result;\n    };\n    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"logo-showcase logo-maker-container\" },\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"top-section\" },\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_common_BackUI__WEBPACK_IMPORTED_MODULE_5__.default, { className: \"absolute\" }),\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ui_common_ThemeisleUI__WEBPACK_IMPORTED_MODULE_6__.default, null)),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"content-section\" },\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"titles\" },\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"h1\", null, \"Choose from any of the logo templates\"),\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"p\", null, \"You can change this information after your designs have been created\")),\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"content\" },\n                react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"logos-container\" }, renderLogoList()))),\n        react__WEBPACK_IMPORTED_MODULE_0__.createElement(\"div\", { className: \"next\" },\n            react__WEBPACK_IMPORTED_MODULE_0__.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_11__.Link, { className: \"block\", to: \"/creator\", onClick: () => {\n                    if (option) {\n                        setTemplate(option);\n                    }\n                } }, \"Next\"))));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Showcase);\n\n\n//# sourceURL=webpack://logo-maker-plugin/./src/Showcase.tsx?");
  
  /***/ }),
  
  /***/ "./src/assets/colors/index.ts":
  /*!************************************!*\
    !*** ./src/assets/colors/index.ts ***!
    \************************************/
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\nconst colors = [\n    \"#000\",\n    \"#fff\",\n    \"#FFB800\",\n    \"#9DAB86\",\n    \"#6E5477\",\n    \"#31446C\",\n    \"#FF7A29\",\n    \"#3B798C\",\n    \"#4267CF\",\n    \"#3146CC\",\n    \"#00949D\",\n    \"#926900\",\n    \"#0A4447\",\n    \"#5D5B6A\",\n    \"#292929\",\n];\n/* harmony default export */ __webpack_exports__[\"default\"] = (colors);\n\n\n//# sourceURL=webpack://logo-maker-plugin/./src/assets/colors/index.ts?");
  
  /***/ })
  
  }]);